背景图片如何铺满屏幕？
但是，缩小浏览器就会出现滚动条，而且图片没有铺满：
我想要的效果：
无论在什么分辨率下，背景图片总是刚好铺满整个屏幕，而且不会出现滚动条。
我的CSS
.login_bg
{
width: 100%;
height: 921px;
background-image: url(../img/login_BG.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: 100% 100%;
overflow: hidden;
}
3 个解决方案
#1
单独把背景切出来，做center top平铺，设置最小宽度。
再把LOGIN框放内容主题盒子里面，这个盒子的宽度是必须有的，窗口小于它就会有滚动条。
我想到能实现的只有这些。
再把LOGIN框放内容主题盒子里面，这个盒子的宽度是必须有的，窗口小于它就会有滚动条。
我想到能实现的只有这些。
#2
html,body {
height: 100%;
overflow: hidden;
margin: 0;
}
.login_bg
{
width: 100%;
height: 100%;
background-image: url(../img/login_BG.jpg);
background-image: url("E:/Pictures/1d5ab7d344d74be6a8ec9adc.jpg");
background-repeat: no-repeat;
background-position: center top;
background-size: 100% 100%;
overflow: hidden;
}
#3
可以使用js实现，body的宽高随着屏幕的变化而变化，背景图就没有问题了
智能推荐
注意！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。