背景附件：固定背景尺寸干扰(background-attachment: fixed interfe

我有缩放以适应其容器内的背景图像和我有当Modernizr的检测到浏览器不支持后台尺寸合适的回退（未显示）。

.wrap {
    width: 200px;
    height: 116px;
    position: absolute;
    background-image: url(image.jpg);
    background-attachment: fixed;
    background-position: 0 0;
    background-size: 200px 116px;
    background-repeat: no-repeat;
}

这里有一个例子： http://jsfiddle.net/crowjonah/6xYNm/

它看上去很美在Chrome，火狐，Safari（桌面和iOS），不过我在Android上的一些实例的麻烦。

这里有一个UA为正确显示的设备：

Mozilla/5.0 (Linux; U; Android 4.0.4; en-us; Xoom Build/IMM76L) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Safari/534.30

这里是一个UA对于没有的设备：

Mozilla/5.0 (Linux; U; Android 4.2.2; en-us; sdk Build/JB_MR1.1) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

的Android（仿真）的较新版本缩放固定背景图像被所有吹出和像素化，以适应（我认为）视口中，并且不听从其容器的大小或所定义的background-size 。

而这一切的罚款。事实上，这就是MDN说会发生：

如果背景的附件是固定的，所述背景定位区域是代替浏览器窗口的整个区域，不包括通过滚动条所覆盖，如果它们存在的区域。

我的问题是，我不知道如何合理地检测时会或不会是这样，这样我可以相应的调整。由于布局和动画在页面上的，我真的不想被固定的支持以及它所有的浏览器的背景，并能满足于scroll在这种情况下，边远，如果我能想出如何定位它。

更新（2013年10月3日）：为了防止混淆，我已经更新了小提琴证明，证明更多，我定义的CSS属性的一个更现实的和有问题的例子： http://jsfiddle.net/crowjonah / QtpVN /

Answer 1:

你可以两个班.works {...}和.does_not_work {...}内准备CSS，然后通过JavaScript检查的事情，要回答这个问题，这种情况下，你正面临着。根据不同的结果时，JavaScript将只调整上述这些CSS类。最后，谁去她的手机（即Android设备）内关闭了JavaScript？你怎么看待这个想法？问候，M.

Answer 2:

除去background-size的附加display:block;

并再次尝试

Answer 3:

你有没有尝试过

背景图像：网址（image.jpg的）; 背景尺寸：100％;

带走的位置是：绝对的; 背景附件：固定;