The background image of the Baidu homepage is always full screen, and the background image of the homepage is full screen.

The background image of the Baidu homepage is always full screen, and the background image of the homepage is full screen.

Use the position: fixed attribute to create a full screen layer and place the background image in this layer. This will not change the background image size as the scroll wheel of the mouse moves.

Main css:

.image_bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1}.image_bg img{position:absolute;left:0;top:0;margin:0 auto;width:100%;height:100%;z-index:-1}

Test code:

<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Effect display: