CSS：背景图像有时在移动设备上丢失

Question

我已经在这个主题上搜索了几个小时，但无济于事。当我通过 Safari 在移动设备上查看我的网站时，有时会丢失部分背景图片。例如，一切看起来都很棒，但是中间会缺少一块。或者，也许底部会缺少一块。它似乎是随机的。然后，如果我转动手机，缺失的部分就会补上，即使我把它调回纵向模式，这部分也会补上。

关于为什么图片的一部分无法加载的任何想法？会不会是图片太大了？只是寻找一些开始的想法。不幸的是，我在搜索中没有遇到过这个问题。谢谢。

Answer 1

图像不应缺少块。如果它是 JPEG 图像，则您的图像在传输过程中被损坏的可能性很小。图片是动态创建的吗？

但最可能的原因是图像顶部有一些不透明的 html 元素 - 并阻止显示底层图像。