css - iphone 不显示背景图片

Question

我以前看过这个问题，但答案在逃避我。网站首页有四张图片http://miraishii.com . 部分 中的顶部图像显示正常，但第二个部分 中的三个图像显示不正常。它们被分配了带有 id 的 gal-1、gal-2、gal-3 的图像。

图像在桌面浏览器中显示良好，但 iOS Safari 和 iOS chrome 都不会显示背景图像。我正在使用 Safari 检查器查看网站，图像似乎正在加载，但没有显示。

Answer 1

这可能是因为固定的背景图像在 iOS 中尚不可用。参见 How to replicate background-attachment fixed on iOS并查看 does a background-attachment of fixed work in iOS5?

我的建议是使用媒体查询来定位移动设备并以无聊的方式制作背景图片(仅适用于较小的屏幕)。我的理解是，如果你现在想在移动设备上固定背景位置，你将需要做一些毛茸茸的 polyfill。我相信情况会随着时间的推移而改善。