Press "Enter" to skip to content

How to Display Full Screen Image background using CSS


The goal of this tutorial is to display full screen image background using CSS we can design our WebPages, You can choose any full-size HD image and place your website background and make it fixed, During zoom in and zoom out time background image will be fixed only content will be zoom in and zoom out. It’ll fill your entire browser space with no white space, There is property in CSS called background-size which help you to achieve this goal by purely using CSS.


Code for the tutorial

html {
background: url(background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

Hope You understand how you can make an image to cover the background, Please share to your friends.

Get information about your memory and CPU usage in PHP
How to display Hindi in Website from Database(Tables)?

Leave a Reply

Your email address will not be published. Required fields are marked *