HTML中使背景图片自适应浏览器大小

来源：互联网 2024-10-15 20:12:16

这篇文章主要介绍了html中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下

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

解决办法：

1、图片不够大，又background属性不能拉伸图片；

2、只能用个p，把其z-index值设为负，并使这个p大小为整个body大小，在p里用；

立即学习“前端免费学习笔记（深入）”；

3、body的background属性去掉，要不然会被遮住。

<html> <body> <p id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%"> <img  src="pictures/background.jpg"    style="max-width:90%"  style="max-width:90%"/ alt="HTML中使背景图片自适应浏览器大小" > </p> </body> </html>

如果想让图片不随浏览器右边滚动条滚动，就用position:fixed属性。wordpress建站的达人们也可以用此方法，在指定页面定制自己的背景图片。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！