HTML中使背景图片自适应浏览器大小
程序员文章站
2022-03-16 21:25:12
...
这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下
HTML中使背景图片自适应浏览器大小实例详解
解决办法:
1、图片不够大,又background属性不能拉伸图片;
2、只能用个p,把其z-index值设为负,并使这个p大小为整个body大小,在p里用<img> ;
3、body的background属性去掉,要不然会被遮住。
<html> <body> <p id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%"> <img src="pictures/background.jpg" width="100%" height="100%"/> </p> </body> </html>
如果想让图片不随浏览器右边滚动条滚动,就用position:fixed属性。wordpress建站的达人们也可以用此方法,在指定页面定制自己的背景图片。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
相关推荐:
以上就是HTML中使背景图片自适应浏览器大小的详细内容,更多请关注其它相关文章!
推荐阅读
-
不知大家遇到过这种问题么,一个层宽度设为100%,并设置背景图片,在浏览器中浏览,缩小窗口到滚动条出现,然后拖动滚动条到右侧,右侧的区域变成空白,怎么解决?_html/css_WEB-ITnose
-
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
-
html5 Canvas 如何实现自适应屏幕大小?
-
html5 Canvas 如何实现自适应屏幕大小?
-
多张Echart图表根据浏览器大小自适应
-
JQuery iframe宽高度自适应浏览器窗口大小的解决方法
-
从0开始html前端页面开发_CSS实现设置背景图自适应屏幕大小
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
如何让父元素自适应子元素的大小?_html/css_WEB-ITnose
-
如何让父元素自适应子元素的大小?_html/css_WEB-ITnose