html - iOS 固定位置背景

Question

我有一个网站，它有一个全图固定背景，内容“漂浮”在上面。它在桌面浏览器中运行良好，但固定背景最终会在 iPad 和其他平板电脑上滚动。这似乎是一个常见问题，但后来我浏览了这个网站，即使在 iPad 上，它似乎也有固定的背景。

http://confitdemo.wordpress.com/

知道他们是如何做到这一点的吗？我试过:

#content-wrapper.posts-page {
background-attachment: fixed !important;
background-clip: border-box;
background-color: transparent;
background-image: url("image path");
background-origin: padding-box;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}

(这是从 Firebug 复制的，这就是为什么它不是简写的原因)。

但是运气不好。有没有人帮我指出正确的方向？

Answer 1

我认为问题在于您的表格很可能会调整背景的大小，因此如果您添加此声明，很可能在引擎盖中它应该可以正常运行。

background-attachment: fixed !important;
background-size: cover !important;

编辑:

如果这不起作用，我能想到的唯一其他原因是 ios 必须以某种方式调整正文大小以使其与内容一样大，那么您要做的就是在正文标签内创建一个具有正确属性的 div

#fixebg{
background: url(image.jpg) top;
height:100%;
width:100%;
position:fixed;
}

这是一个类似的解决方案:

How can I set fixed position Background image in jquery mobile for iPhone app using Phonegap

编辑 - 2:

添加了一个您可以检查的 fiddle :

http://jsfiddle.net/uZRXH/3/

这是在您的 ipad 上试用的链接:

http://fiddle.jshell.net/uZRXH/3/show