html – iOS上的固定位置背景

概述我有一个网站有一个完整的图像固定的背景，内容“浮动”在上面。它在桌面浏览器中工作正常，但固定的背景最终在iPad和其他平板电脑上滚动。这似乎是一个常见的问题，但是后来我碰到了这个网站，即使在iPad上也有固定的背景。 http://confitdemo.wordpress.com/ 有什么线索呢？我试过了： #content-wrapper.posts-page {background-atta 我有一个网站有一个完整的图像固定的背景，内容“浮动”在上面。它在桌面浏览器中工作正常，但固定的背景最终在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：

添加小提琴可以检查：

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

这里是链接，尝试在你的ipad：

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

总结

以上是内存溢出为你收集整理的html – iOS上的固定位置背景全部内容，希望文章能够帮你解决html – iOS上的固定位置背景所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。