这真让我困惑.我想让pic.jpg在背景中保持静态(滚动时不移动)并且它不会拉伸.
它适用于除Android上的Chrome之外的所有浏览器(即Chrome,Safari,Firefox)(它甚至适用于Android原始浏览器)
body{
background-color: transparent !important;
background-image: url(<%= asset_path "pic.jpg" %>);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Chrome for Android将其渲染为pic.jpg在屏幕的中间位置,而不是在整个页面上,并且在滚动时不会保持静态.
我无法在jsfiddle上重现它,我也尝试使用我的Android手机调试它,似乎没有任何帮助.
这不是创建背景图像的方法吗？
解决方法
我不想要残忍,但这个问题大约在4年前报道过
http://code.google.com/p/android/issues/detail?id=3301
最近的回复可以帮助我猜：
In my experiments with Android,I noticed that all the other DIVs within the body behaved correctly,including centering,so I moved image to another DIV and it worked.
有趣的一个.
最好
