HTML中使背景图片自适应浏览器大小实例详解
(编辑:jimmy 日期: 2024/11/17 浏览:3 次 )
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="/UploadFiles/2021-04-02/background.jpg">如果想让图片不随浏览器右边滚动条滚动,就用position:fixed属性。wordpress建站的达人们也可以用此方法,在指定页面定制自己的背景图片。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
下一篇:ES6中的箭头函数实例详解