HTML中使背景图片自适应浏览器大小
发表时间:2023-09-09 来源:明辉站整理相关软件相关文章人气:
[摘要]这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下HTML中使背景图片自适应浏览器大小实例详解解决办法:1、图片不够大,又background属性不能拉伸图片; 2、只能用个p,把其z-index值设为负,并使这个p大小为整个body大小,在p里用<...
这篇文章主要介绍了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 实现动态显示颜色块的报表效果(实例代码)
以上就是HTML中使背景图片自适应浏览器大小的详细内容,更多请关注php中文网其它相关文章!
网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。