1

所以,我在移动设备上遇到了固定背景的问题。在我的 Windows 7 笔记本电脑上的 Chrome 中查看时,背景看起来不错;图像(很薄)水平平铺并固定在视口上。但是,在我的 Android 手机上的 Chrome 中,背景会停留在页面顶部,当我向下滚动时会消失。

现在,我已经知道这些移动浏览器对视口是什么有不同的想法,因此background-attachment:fixed;不会起作用,但我找到的解决方案似乎都没有解决任何问题(或者我可能只是误解了它们)。一般的建议似乎是将包装器 div 应用于包含背景的页面,我尝试根据此博客文章进行操作:

#wrap {
background-image: url(../img.png);
background-repeat: repeat-x;
background-position: left top;
width: 100%;
min-height: 100%; /* sticky footer */
overflow-x: hidden; /* sticky footer */
}

这根本不能解决我的问题;它只是弄乱了笔记本电脑上的固定外观。有什么我不明白的吗?我对网络编码(CSS/HTML)非常陌生,所以我认为这里可能缺少一些东西。

4

1 回答 1

0

歌剧手机上完美运行。在Safari iOS6 (Iphone) 中不起作用(不确定是浏览器崩溃还是代码)。

我推荐使用这个iScroll4

http://cubiq.org/iscroll-4

或 iScroll5(beta 测试):

http://cubiq.org/iscroll-5-ready-for-beta-test

于 2013-07-19T12:52:47.007 回答