Question

我的问题看起来如此简单和基本，但它对我不起作用。我试图在外部css文件中使用background-image，它位于根文件夹中（图像也直接在根文件夹中），我正在使用Netbeans。我知道网络上充斥着路径问题的解决方案，并且所有解决方案看起来都很简单但非工作正常。这是我的css：

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

我通过添加../或/尝试了路径的变体但是它没有加载并且在ide我得到

Answer 1

http://localhost:8383/wikiViewer/css/search.png＆lt; - 根据路径，您正尝试从 css 文件夹中检索 png图片。

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

../images/search.png

想象一下你在 css文件夹中，并且您通过文件夹导航到png图像，而#labeldiv label{ background-image:url("../images/search.png"); }是 BACK 按钮。

请提供显示文件＆amp;如果您需要更具体的解决方案，请访问您网站的文件夹结构。

Answer 2

图像不能用于此任务，所以我改为另一个图像，它工作得很好。

Answer 3

目录中找不到图像。

图片不应保存在css文件夹中。它应该保存在img或某个资源文件夹中。然后相应地映射地址。