A way of showing an image on a page background

https://dev.webpages.dk/

Index
- Index
LAMP stack
- LAMP stack - text
- LAMP stack - video
- Securing Lampstack
- Securing Apache
- Using Cron
HTML
- Webbrowsers
- Formatting
- Special characters
CSS
- Rotate
- Body background
- Banner Fixed
- Tabs
- Expandable textbox
- Gradient fill
- Center on page
- Border types
Javascript
- Navigate to other page
- Two 'GoBack' links
- How to clear a textfield
- Five ways to navigate
- Use a JS confirmbox
- Textarea autoscroll
- Digital clock
- Mouse Events
PHP
- Create Zip archive
- Create DIR
- Create a File
- Write to a File
- Read a File
- Delete a File
- Copy/Rename a File
- Create/Write/convert
- Strip tags from text
- htmlspecialchars
- decode (the above)
- About PAX
- Backup a Cronjob
- Generate Paswords
- How to use POST
- How to use IF
- IF and ELSE
- Radio buttons
- Random image
- Use ISSET
- Use of SESSION
PHP & DB
- Create DB & Table
- Insert to DB
- Select, part 1
- Select, part 2
- Delete from a Table
- Update a Table
- Order a SELECT
- LIKE in a DB query
- TRUNCATE a Table
About
- About

About CSS: Background image

Background image (full page):

This is an example of using the CSS 'background-image'. where you can insert an image file, and have it to fill out your entire page-background.

Try to get your image created or converted, so both the quality and size will be reasonable.

The example I use on the background for this page, is a 589*416 pixles PNG screenshot of the terminal window in Linux Mint.
Its taken from the video about installing a LAMP stack.

The project: Background image (full page):

This is a short tip about how to have a background image on you page, and show it on the full page, without any scrollbars.
This code is simple CSS, and nothing else.

Icons made by Freepik from www.flaticon.com

Here is an example about using the CSS; 'background-image' to fill your image to cover the complete background.