ipad - 修复了 ipad (iOS5) 上的背景问题

Question

目前正在构建一个新博客，但在 ipad 上遇到固定封面背景的问题 - 在浏览器上工作正常但在 iPad 上滚动，尝试了很多东西，包括创建一个单独的背景 div 位置:固定 z-index:-1;这产生了相同的效果。

我不确定为什么会发生这种情况，因为我认为 position:fixed 和 background-attachment: fixed 应该在 iOS5 中排序？

您可以在这里查看:http://reactionproductions.com/tumblr/

Answer 1

在寻找解决方案几天后，这里是:http://ryanfait.com/resources/fixed-positioning-in-internet-explorer/

这就是我的工作方式:

* {
    margin: 0;
}
html, body {

    height: 100%;
    overflow: auto;
    overflow-y: scroll !important; 
}
#background_wrap {
    background: #000000 url(xxxxx.jpg); no-repeat center center fixed;
   -webkit-background-size: cover; 
   -moz-background-size: cover; 
   -o-background-size: cover; 
    background-size: cover; 
    background-position: center; 
   -webkit-overflow-scrolling: touch !important;  
    z-index: 0;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}

#page {
   -webkit-backface-visibility: hidden;

}
.box {
    position: fixed;
    left: 10px;
    top: 180px;
}
* html .box {
    position: absolute;
}