外部 css 相对路径无效

Question

我的问题看起来很简单和基本，但它对我不起作用。我正在尝试在位于根文件夹中的外部 css 文件中使用背景图像（图像也直接位于根文件夹中），我使用的是 Netbeans。我知道网络上到处都是路径问题的解决方案，所有的解决方案看起来都很简单，但都没有用。这是我的 css:

#label label{
   background-image:url("../search.png");
}

我尝试通过添加 ../ 或 / 来改变路径，但它没有加载，在 ide 我得到

Answer 1

在目录中找不到图像。

并且图像不应保存在 css 文件夹中。 它应该保存在 img 或一些资源文件夹中。 然后相应地映射地址。

Answer 2

http://localhost:8383/wikiViewer/css/search.png <- 根据路径，您正在尝试从 css[= 中检索 png 图像 33=]文件夹。

如果 png 位于名为 /images 的文件夹中，该文件夹也在 /wikiViewer 中，那么您需要使用 ../ 上一级，然后指定文件夹名称即 ../images 最后是图像名称 ../images/search.png

#labeldiv label{
   background-image:url("../images/search.png");
}

假设您在 css 文件夹中 并且您正在通过文件夹导航到 png 图像，并且 ../ 是 返回按钮。

---

如果您需要更具体的解决方案，请提供显示您网站的文件和文件夹结构的图片。

Answer 3

该图像不适用于此任务，所以我换了另一个图像，效果很好。