欢迎访问571脚本网
你的位置:首页 > 软件编程 > 文章正文

HTML中使背景图片自适应浏览器大小实例详解

时间: 2019-10-03 22:31:05 | 来源: 互联网 | 作者: lqh | 阅读: 14次

HTML中使背景图片自适应浏览器大小实例详解

解决办法:

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

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

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

<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建站的达人们也可以用此方法,在指定页面定制自己的背景图片。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

文章标题: HTML中使背景图片自适应浏览器大小实例详解
文章地址: http://www.571ip.com/ruanjian/128527.html
Top