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

Question

这适用于> 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

根据这个背景附件支持矩阵,没有.

另一篇文章表明,为移动设备提出解决方案并不值得:

... Android和iPhone都会阻止定时器或在滚动过程中渲染,因此效果是div会随着滚动页面一起移动,并且最终div会回到预期位置.这是违背职位固定的想法