实例讲解HTML中使背景图片自适应浏览器大小的功能
- 怪我咯原创
- 2017-04-30 10:51:412162浏览
这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下
HTML中使背景图片自适应浏览器大小实例详解
解决办法：
1、图片不够大，又background属性不能拉伸图片；
2、只能用个p，把其z-index值设为负，并使这个p大小为整个body大小，在p里用a1f02c36ba31691bcfe87b2722de723b ；
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中使背景图片自适应浏览器大小的功能的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn