我使用以下 CSS 来创建固定的主体背景。除了新的 iOS7 之外,它几乎可以在所有浏览器上运行良好。后者的背景不再固定。它随页面滚动。知道如何解决这个问题吗?
body {
background-color: #000;
background-image: url('../pics/backgrounds/blackWhite.jpg');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
CHEERS
我会尝试找到一些参考,但移动浏览器强制background: scroll
因为重新喷漆太贵了。
参考:
CSS - 背景图像在移动浏览器上无法正确显示 https://stackoverflow.com/questions/15191089/css-background-images-not-displaying-properly-on-mobile-browsers
@保罗爱尔兰 https://twitter.com/paul_irish/status/306818591196602368还注意到这一点:
固定背景有huge重新绘制成本并降低滚动性能,我相信这就是它被禁用的原因。
不过,有一些方法可以解决这个问题......但这不是一个快速解决方案。
看看下面的问题及其评论。
Android/移动 Webkit CSS 背景附件:已修复无法正常工作? https://stackoverflow.com/questions/9350869/android-mobile-webkit-css-background-attachmentfixed-not-working
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)