Shulou(Shulou.com)06/03 Report--

Web page background pictures with the screen size changes what is the solution, I believe that many inexperienced people do not know what to do, so this paper summarizes the causes of the problem and solutions, through this article I hope you can solve this problem.

Today's work is a little slow, and I find that the main reason is that the attribute of the html tag is not familiar with the role.

In particular, when making the background picture of the page can be adjusted according to the size of the browser window, the disadvantage of my unskilled use of basic knowledge is shown.

For example: this afternoon to do the background of the page, due to the picture is too large, direct reference, resulting in the screen can not be fully displayed.

The actual solution to it is simple:

The code is as follows:

.bgimage {

Position:fixed;z-index:-1;// these two sentences are the most important, the former

The / / sentence makes the picture always appear on the current page, and the latter sentence makes the picture appear at the bottom.

}

.bgimage img {heiht:100%;width:100%;}

At this point, the problem has been solved perfectly.

After reading the above, have you mastered the solution to the problem that the background image of the web page changes with the screen size? If you want to learn more skills or want to know more about it, you are welcome to follow the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.