html – iOS上的固定位置背景

前端之家收集整理的这篇文章主要介绍了html – iOS上的固定位置背景前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个网站有一个完整的图像固定的背景,内容“浮动”在上面。它在桌面浏览器中工作正常,但固定的背景最终在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

原文链接:https://www.f2er.com/html/233492.html

猜你在找的HTML相关文章