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

时间 2019-11-09

原文原文链接

解决办法：一、图片不够大，又background属性不能拉伸图片；二、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> ；三、body的background属性去掉，要否则会被遮住。html

<html>  
<body>  
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">  
<img src="pictures/background.jpg" width="100%" height="100%"/>  
</div>  
</body>  
</html>

若是想让图片不随浏览器右边滚动条滚动，就用position:fixed属性。wordpress建站的达人们也能够用此方法，在指定页面定制本身的背景图片。浏览器