html中的背景图片不能充满整个浏览器, 图片不够大,如下图:
但是还想要全屏的效果,由于<body>标签的图片不能够拉伸,
解决办法:
1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> 3、body的background属性去掉,要不然会被遮住
- <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
- <title>helloworld</title>
- </head>
- <body>
- <divid="Layer1"style="position:absolute;100%;height:100%;z-index:-1">
- <imgsrc="pictures/background.jpg"height="100%"width="100%"/>
- </div>
- </body>
- </html>