html中的背景图片不能充满整个浏览器 .

html中的背景图片不能充满整个浏览器， 图片不够大，如下图：

但是还想要全屏的效果，由于<body>标签的图片不能够拉伸，

解决办法：

1、图片不够大，又background属性不能拉伸图片； 2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> 3、body的background属性去掉，要不然会被遮住

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  5. <title>hello world</title>  
  6. </head>  
  7. <body>  
  8. <div id="Layer1" style="position:absolute; 100%; height:100%; z-index:-1">  
  9. <img src="pictures/background.jpg" height="100%" width="100%"/>  
  10. </div>  
  11. </body>  
  12. </html>  
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/zhangzhifeng/p/2280374.html