在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移动版中工作得很好。在所有桌面浏览器中也能正常工作。

我只在安卓上测试过。

Answer 1

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

1. 尝试重新启动 Edge 移动设备并清理其缓存。
2. 检查Edge的镜像缓存设置是否受限;
3. 也许Edge手机属于手机上的第三方软件，因此其速度稍慢。此外，它与手机操作系统的兼容性会影响页面呈现过程。您可以尝试不同型号的手机进行测试。

欲了解更多信息：此链接。

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