在iOS5中做一个固定工作的背景附件？

这是否在iOS 5中工作？

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

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

Answer 1

根据这个背景支持matrix ，没有。

另一篇文章提出，为移动设备提出一个解决方法是不值得的：

… Android和iPhone阻止定时器或在滚动期间呈现，所以效果是divs随滚动页面一起移动，并且最终在div之后回到预期的位置。 这是反对立场固定的想法

Answer 2

你可以使用一个单独的元素和position: fixed来解决这个问题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 3

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

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

其他的一切都将依赖于浏览器，导致不良结果，图像像素，在IOS设备上缩放100倍的图像，“跳跃”div等。

如果你想重现一个固定的BG滚动页面，最好的解决方法，我发现迄今为止，是使用视差方法，有一个div作为滚动，下一个背景透明，漂洗重复。

我觉得看起来不错，不需要插件。