我有一个网站有一个完整的图像固定的背景,内容“浮动”在上面。它在桌面浏览器中工作正常,但固定的背景最终在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复制的,这就是为什么不是速记)。
但没有运气。任何人都指向正确的方向?
解决方法
我认为问题在于你的表最有可能调整背景大小,所以如果你添加这个声明,在很可能的情况下,它应该让它运行正常。
background-attachment: fixed !important; background-size: cover !important;
编辑:
如果这样做不起作用,我可以想到的其他原因是,ios必须以某种方式调整身体大小,使其与内容一样大,那么您需要做的就是在body标签内创建一个具有正确属性的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:
添加小提琴可以检查:
这里是链接,尝试在你的ipad: