当前位置：首页 > 资讯 > 技术文档

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

时间：2022-04-09 04:02 编辑：来源：阅读：
扫一扫，手机访问

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

[b]HTML中使背景图片自适应浏览器大小实例详解[/b] [b]解决办法：[/b] 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建站的达人们也可以用此方法，在指定页面定制自己的背景图片。感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

全部评论(0)

上一篇：js移动端事件基础及常用事件库详解
下一篇：JavaScript代码判断点击第几个按钮

资讯排行榜
更多>>