我在引导程序模板上使用整页图像背景,允许文本在桌面上查看时在背景上滚动。
.background_html {
background: url(http://*******.com/web/4.jpg) no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
我使用媒体查询为移动设备加载较小尺寸的图片:
@media (max-width: 600px) {
.custom_bg_5 {
background: url(http://******.com/web/4_sm.jpg) no-repeat top center fixed;
-webkit-background-size: auto auto;
-moz-background-size: auto auto;
-o-background-size: auto auto;
background-size: auto auto;
}
}
这会正确调整图像的大小,但图像不会保持固定,只是随文本滚动。当我向下滚动时(即当到达图像的底部时),这会在图像下方留下一个空白区域。
我希望文本只是在移动设备上滚动固定的背景图片。
有没有解决这个问题?