Question

我想使用背景图片，我的代码可在Chrome和Opera上运行，但不能在IE和Mozilla Firefox上运行。

我的代码是：

background-image: url('../img/thm-default-background.png');

当我这样使用时：

background-image: url('./img/thm-default-background.png');

Somehow正在开发ie＆mozilla，但是这次不在chrome和Opera上工作。我不知道，为什么不起作用。

本地图像就是这样；

*版本：11.3，歌剧：60

**编辑：现在，我正在将Image svg与Data Url结合使用。

Answer 1

带有../和./的相对路径表示两个不同的路径。

点斜杠（./）

点（.）指向同一目录，而斜线（/）可以访问该目录。如果您的目录是这样的：

本地图像位于 img 文件夹中，然后 index.html 中的背景图像url应为background-image: url('./img/thm-default-background.png');。我在IE11，Edge和Chrome中对其进行了测试，并且可以正常工作。

双斜杠（../）

双点（..）指向上级目录，同样，斜杠（/）可以使您访问它。如果您的目录是这样的：

本地图像和网页位于同一文件夹中，因此 index.html 中的背景图像url应该为background-image: url('../img/thm-default-background.png');。在IE11，Edge和Chrome中也可以使用。