不确定是否有人遇到过这个问题(我见过类似的，但不完全是)，但在Mac OSX Safari浏览器上，当您使用背景图像的相对图像位置变量时，它不会加载

:root {
  --lb3-widget-icon: url(../../images/logo-icon2.png);
}
.image-area {
  background-image: var(--lb3-widget-icon);
}

正如你所看到的，左上角蓝色区域上的图像没有加载，但在Firefox和Chrome上加载没有任何问题，有什么想法吗？

已选中：

我知道如果您使用完整的图像路径URI，它将会工作，但我需要让它与相对文件路径一起工作

编辑：

推荐答案

这似乎是一个Safari错误-在iOS Safari(14.4)中也可以看到。

我能找到的唯一解决办法是使用Backage-Image语句

background-image: var(--lb3-widget-icon);

在主代码文件的样式元素中(将PNG放置在相应的正确相对位置)-仍然可以在CSS文件中设置var。

这显然不太理想，但这确实意味着您仍然可以使用具有相对文件夹路径的css变量来选择图像，尽管这意味着图像文件夹必须移动。