HTML中使背景图片自适应浏览器大小实例详解
程序员文章站
2022-06-11 19:26:48
html中使背景图片自适应浏览器大小实例详解
解决办法：
1、图片不够大，又background属性不能拉伸图片；
2、只能用个div，把其z-index值...
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建站的达人们也可以用此方法，在指定页面定制自己的背景图片。
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
上一篇： 原生javascript上传图片带进度条【实例分享】
下一篇： python3实现冒泡排序和插入排序