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

这是否在iOS 5中工作?

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

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

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

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

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

你可以使用一个单独的元素和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 } 

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

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

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

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

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