内容滚动背景图像 - iOS和Android

时间:2017-03-07 19:40:11

标签: android ios image mobile background

我在引导程序模板上使用整页图像背景,允许文本在桌面上查看时在背景上滚动。

.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;
}
}

这会正确调整图像的大小,但图像不会保持固定,只是随文本滚动。当我向下滚动时(即当到达图像的底部时),这会在图像下方留下一个空白区域。

我希望文本只是在移动设备上滚动固定的背景图片。

有没有解决这个问题?

0 个答案:

没有答案