Javascript Chrome通过URL显示与自定义属性连接的所有媒体，但Safari不显示'；不要装它们

当您对背景图像使用自定义属性时，Safari会以另一种方式解释图像的url，例如：

Chrome显示所有图像，但Safari日志“不允许加载本地资源”

另一个例子： Chrome并不能显示所有的图像，但Safari运行良好

问题是方向，我不知道为什么，但当您使用自定义属性并为背景图像设置url时-safari在文件路径中添加一个步骤，另一个词是“添加”

我试图解决这个问题，只为Safari创建另一个带有自定义道具的文档，当JS检测到Safari时，它会用自定义道具切换css文档，但也不能很好地工作，因为Safari开始显示图像-dat很酷，但当我打开暗模式时，它不会刷新新图像（这就是我开始这一切的原因）

此外，您可以在这里找到好的示例：

在我的项目中，我遇到了这个问题：

我预计下一步： 我有带有图像的伪对象（我将它们设置为带有URL的背景图像），例如，我使用自定义属性var（--puccure）代替背景图像的URL

---

之后，当我想将我的网站切换到黑色主题时，JS重写自定义道具（）并将新图像应用于网页，但是…

我将您的

：root更改为：

:root {
    /* Images are in the same directory */

    /* this path works in Chrome */
    --path-to-image-one: url(../media/1.png);
    /* this path works in Safari */
    --path-to-image-two: url(../media/2.jpg);
}

对我来说，这两种方法都有效——见屏幕截图

在我的safari中-两个div都可以工作-浏览器中可能有一些影响的设置，但我记不起我曾经触摸过它们。谢谢。检查您在媒体上的文件权限？浏览器拥有所有权限。我只需检查safari中的devTools并查看自定义道具的路径-safari与chrome具有相同的文件路径，但safari会跳起来在方向上，我的意思是：--picture（url（“./media/file”）背景图像：var（--picture）；chrome正在查看：desktop/project/media/file safari正在查看：desktop/media/file这是一个问题，如您所示：/*此路径在chrome中工作/--图像一的路径：url（../media/1.png）；/此路径在Safari中有效*/--图像二的路径：url（../media/2.jpg）；它不起作用我不理解你的评论-我按照你在上面的回复中所说的设置了它，效果很好-这不是Safari或chrome或html或css或javascript的问题-你的本地环境正在覆盖某些内容