html – iOS上的固定位置背景

发布时间：2020-12-14 22:21:10 所属栏目：资源来源：网络整理

导读：我有一个网站有一个完整的图像固定的背景，内容“浮动”在上面。它在桌面浏览器中工作正常，但固定的背景最终在iPad和其他平板电脑上滚动。这似乎是一个常见的问题，但是后来我碰到了这个网站，即使在iPad上也有固定的背景。 http://confitdemo.wordpress.co

我有一个网站有一个完整的图像固定的背景，内容“浮动”在上面。它在桌面浏览器中工作正常，但固定的背景最终在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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!