百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML中使配景图片自顺应阅读器大小
分享文章到:

HTML中使配景图片自顺应阅读器大小

发布时间:09/01 来源:未知 浏览: 关键词:
这篇文章主要介绍了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中使背景图片自顺应阅读器大小的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板