这是我的代码:
<div style="width: 100vw; height: 100vh; background-image: url(img/kid1/1.jpg); background-attachment: fixed; background-size: cover"></div>
<div style="width: 100vw; height: 100vh; background-image: url(img/kid1/2.jpg); background-attachment: fixed; background-size: cover"></div>
Run Code Online (Sandbox Code Playgroud)
它可以在我的LAPTOP上使用chrome正常工作,但不能在chrome / ios(智能设备)上使用app chrome或任何网络浏览器。问题是我确实在w3c实践模块上尝试了此代码,并且确实在我的手机上工作,所以我的代码没有错,我的手机没有错,所以这是什么问题?我该如何解决呢?我是新手,所以这可能是一个菜鸟问题,但此错误确实让我感到恼火...
background-attachment: fixed 许多手机浏览器不支持。
如果您在此处进行检查:http : //caniuse.com/#feat=background-attachment,则会看到在笔记本电脑上获得与从手机获得不同结果的原因。
到目前为止,我发现最好的方法是将手机上的图像视为没有视差的图像。
希望能帮助到你