位置：固定不适用于ICS中的背景图像（本机浏览器）

Question

我有一个基于jQM的移动Web应用程序。我有一个背景图片，其中应用了以下样式：

body.ui-mobile-viewport .ui-page
{
    background: url('images/bg-texture.jpg') no-repeat fixed left bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
     background-size: cover;
}

问题是，这适用于iOS，Chrome for Android但在ICS原生浏览器和Dolphin浏览器上，滚动开始后背景如下所示：

经过一些动作后，（就像点击一个元素一样，背景会像这样重新聚焦：

我在互联网上查了一下，做了广泛的研究，但显然我错过了一些东西。这些是我尝试过的解决方案的链接：

• SO link 1
• SO link 2

您在顶部看到的（我的意思是CSS）是应用的默认未编辑样式。

注意： 我也试过supersized plugin，它适用于GingerBread设备，当页面中的内容是静态的。 在ICS设备上，如果将视频应用于具有动态内容的页面，则无法滚动到视口之外。 当我尝试在页面正文中创建img标记并将src设置为图片所在的路径时，会出现同样的问题。

这些问题只发生在ICS NATIVE BROWSER上。

如果我做错了，请告诉我。有没有纯粹的CSS解决方案？ （显然有些事情是非常错误的）

Answer 1

试试这个：

body.ui-mobile-viewport .ui-page
{
 background: url('images/bg-texture.jpg') no-repeat fixed left bottom; 
 background-size: cover;
}

Answer 2

以下用于“html”的CSS解决了我在Android设备上使用整页背景图片的问题：

html{
    height:100%;
    width:100%
}

body{
    background-image:url(img/background.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    }

希望有所帮助。