网页背景图片适应各种分辨率全屏

通常我们在使用图片作为网站背景的时候,会出现各种问题,比如图片大小和屏幕分辨率大小不匹配就会出现无法全屏的情况,笔者刚也遇到了此问题,现在就和大家分享一下吧。

我们解决的办法就是不用body的background属性设置背景,而是使用一个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img>设置背景图片。(注意left:0px; top:0px; 如果不设置会出现左边和上边空出白色)

831_1

大家不妨试试,如果还有其他方法可以和笔者交流。

站长QQ:739696033 | 微信:bing-0719:Bcoder资源网 » 网页背景图片适应各种分辨率全屏


扫描二维码关注微信公众号:“bcoder-cn 声明:本站内容部分来自互联网,仅供交流学习之用,请勿作商业用途,版权归原作者所有。如果有侵犯到您的权益,请提供相关证明联系本站删除,谢谢合作!
赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址