CSS background-image在android手机上无法正常工作

mel*_*rne 4 css android cover background-image

这是我目前使用的代码:

background: url(myimage.jpg) no-repeat center center fixed;
background-size:100% 100%!important;
background-position:0 0!important;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:cover;
background-attachment:scroll;
Run Code Online (Sandbox Code Playgroud)

在Android上我浏览了Chrome.当我向下滚动时,我希望背景图像是静态的.我可以通过其他方式实现这一目标吗?

Jas*_*son 11

不幸的是,这似乎是一个谷歌从未修复过的错误.

我上周亲自处理了完全相同的问题,最终放弃了寻找解决方案.

错误提交

对于记录,它在iOS上的Safari上也不具备.


MPa*_*ulo 10

试试这个.经过多次试验和错误后,我为我工作.

html {
background-image:url('myimage.jpg');
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%; 
overflow: hidden;
}

body {           
height:100%;
overflow: scroll;
}
Run Code Online (Sandbox Code Playgroud)