Css 图像在移动设备上滚动

正文{
背景色：#000；
高度：100vh；
}
部分{
宽度：100%；
身高：100%；
}
#第一节{
背景色：#f0；
}
#气泡1，#气泡2{
宽度：100%；
身高：100%；
排名：0；
左：0；
z指数：-1；
}
#气泡1{
背景：url（'img/greencat.png'）60%50%无重复固定；
背景色：#f0；
}
#气泡2{
背景：url（'img/catb.png'）60%50%无重复固定；
位置：固定；
-webkit背面可见性：隐藏；
}
#鱼{
背景：透明url（'img/textgreen.png'）不重复左下角固定；
身高：100%；
宽度：100%；
位置：绝对位置；
顶部：0px；
}
#鱼1{
背景：透明url（'img/textblue.png'）无重复，左下角固定；
身高：100%；
宽度：100%；
/*位置：绝对位置*/
顶部：0px；
}
@媒体屏幕和屏幕（最大宽度：860像素）{
声音图像：url（'img/greencat mobile.png'）；
背景尺寸：250vw 100vh；
背景位置：53%50%；
}
#气泡2{
背景图片：url（'img/catb mobile.png'）；
背景尺寸：250vw 100vh；
背景位置：53%50%；
位置：固定；
-webkit背面可见性：隐藏；
}
#鱼{
背景：透明url（'http://www.intomorrow.com/wp-content/uploads/2016/06/Barnsley-House-Spa-2-844x800.jpg“）无重复3%78%固定；
位置：绝对位置；
}
#鱼1{
背景：透明url（'http://www.intomorrow.com/wp-content/uploads/2016/08/Fairmont-Pittsburgh-30-844x800.jpg“）无重复3%78%固定；
}
}

大多数移动设备在使用固定背景滚动页面后，会延迟更新背景位置

我也遇到了这个问题。 我知道3种可能的修复方法

1。您可以尝试使用伪元素并添加固定背景

2。您可以在固定div内制作另一个div，并为该div添加背景

3.使用

-webkit转换：translateZ（0x）；transform:translateZ（0）

强制硬件加速

在这里看到更多

如果有帮助，请告诉我

大多数移动设备在使用固定背景滚动页面后，会延迟更新背景位置

我也遇到了这个问题。 我知道3种可能的修复方法

1。您可以尝试使用伪元素并添加固定背景

2。您可以在固定div内制作另一个div，并为该div添加背景

3.使用

-webkit转换：translateZ（0x）；transform:translateZ（0）

强制硬件加速

在这里看到更多

---

让我知道这是否有帮助

你是否尝试过使用img标签？@3bu1是的，我尝试过，但不起作用你是否尝试过使用img标签？@3bu1是的，我尝试过，但不起作用。谢谢你的回答，但我找不到问题的答案