关于全屏背景更好的解决方法?
在项目中遇到网页全屏背景的问题?
我是这样解决的,不知有什么更好的方法?
<body>
<header></header>
<main></main>
<footer></footer>
<div class="body_bg">
<img src="bg1.png" width="100%" height:"100%"></img>
</div>
<body>
.body_bg{
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
z-index:-1
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
背景图足够大即可~
如果把
absolute
定位换成fixed
定位的话,那或许更赞……或者呢,直接把
background
写到html
标签里,更直接……楼主这个方法目测是目前最好的,我也一直用的这种。
或者说通过JS算。。。
http://segmentfault.com/q/1010000003769052/a-1020000003769745
.body-big{width:100vw;height:100vh;min-width:1024px;min-height:600px;}
Img{width:100%;height:100%;}