Question

所以，我在移动设备上遇到固定背景问题。在我的Windows 7笔记本电脑上使用Chrome查看时，背景看起来很好;图像（很薄）水平平铺并保持固定在视口中。但是，在我的Android手机上的Chrome中，背景贴在页面顶部，当我向下滚动时消失。

现在，我已经知道这些移动浏览器对视口的含义有所不同，因此background-attachment:fixed;不起作用，但我找到的解决方案似乎都无法解决任何问题（或者我可能只是误解他们）。一般的建议似乎是将包装div应用于保存背景的页面，我尝试根据this blog post执行此操作：

#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）的新手，所以我想我可能会在这里找到一些东西。

Answer 1

在 opera-mobile 上工作得很好。在 Safari iOS6 （Iphone）无效（不确定是否是浏览器崩溃或代码）。

我建议使用此 iScroll4 ：

http://cubiq.org/iscroll-4

或iScroll5（beta测试）：

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

CSS background-attachment：fixed;移动浏览器中的问题

1 个答案: