Question

这是否适用于＆gt; iOS 5？

.element {
    background: url(images/myImage.jpg) 50% 0 no-repeat fixed;
}

我认为它应该，但到目前为止它不是。

Answer 1

你可以使用一个单独的元素来解决这个问题，而position: fixed可以使用它！

HTML：

<div id="Background"></div>

<div id="Content"></div>

CSS：

#Background {
    background: #000 url("img/Background.jpg") no-repeat 50% 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

Answer 2

根据这个background-attachment support matrix，没有。

Another post建议为移动设备提供解决方案并不值得：

... Android和iPhone都会阻止定时器或滚动时渲染，所以效果是divs与滚动页面一起移动并且仅在之后，最终，div回到了预期的位置。这是违背职位固定的想法

Answer 3

移动设备和触控设备上的固定位置存在太多问题。

只要背景不以任何方式动画（模糊，css转换任何JS）并且只要没有滚动条，那么它就是可用且一致的。

其他所有内容 - 取决于浏览器 - 导致不良结果，图像像素化，IOS设备上的图像缩放100倍，＆＃34;跳跃＆＃34; divs等。

到目前为止我发现的最好的方法，比如说，如果你想重现一个固定的BG滚动页面，就是使用视差方法，有一个div作为滚动，下一个背景透明，冲洗重复。< / p>

我认为它看起来很好，并且不需要插件。

iOS5中固定工作的背景附件？

3 个答案: