HTML中使背景图片自适应浏览器大小

 由于<body>标签的图片不能够拉伸,

解决办法:

1、图片不够大,又background属性不能拉伸图片;

 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img>

 3、body的background属性去掉,要不然会被遮住

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>background</title>
 6     <style>
 7         * {
 8             margin: 0;
 9             padding: 0;
10         }
11     </style>
12 </head>
13 <body>
14     <div id="Layer1" style="position:absolute; 100%; height:100%; z-index:-1">
15         <img src="imgs/back.jpg" height="100%" width="100%"/>
16     </div>
17 </body>
18 </html>
原文地址:https://www.cnblogs.com/Hmin2199/p/5707896.html