mobile - 在 CSS 中设置的背景图像在 Edge 移动设备中不工作，但在 Chrome 中工作

Question

我在 Razor Page 项目中有这个 CSS：

    body {
        background: url('../images/graphics/myimage.jpeg') no-repeat center center fixed;
        padding-bottom: 20px;
    }

样式表的主体标记和链接位于 _Layout.cshtml 中。

除了移动版 MS Edge 浏览器中的 index.cshtml 以外的页面，背景图像在任何地方都可以正常工作；它在 Chrome 移动版中运行良好。在所有桌面浏览器中也能正常工作。

我只在安卓上测试过。

标签： mobilebackground-imagemicrosoft-edge

Answer 1

根据您的描述，我得出以下结论：

1. 尝试重新启动 Edge 手机并清理其缓存。
2. 检查Edge的图片缓存设置是否受限；
3. 或许 Edge 手机属于你手机上的第三方软件，所以它的速度会稍微慢一些。此外，它与手机操作系统的兼容性会影响页面渲染过程。您可以尝试不同型号的手机进行测试。

更多信息：此链接。

如果边缘移动仍然无法加载背景图像，希望您可以提供有关与浏览器加载相关的更多代码或设置的信息。