Css 无法获取背景图像：url以正常工作

我一直在尝试让一个图像与我正在处理的导航菜单一起工作。然而，似乎无论我尝试什么，它都不会显示出来

我试着添加了

display:block;
background-position:top left;
clear:both;
list-style-image:url 

…来自各种谷歌搜索。我对HTML/CSS还比较陌生，所以如果能得到任何帮助或建议，我将不胜感激。作为参考，这里有一些我正在使用的HTML/CSS

HTML

我使用xampp在本地计算机上工作，我的文件夹结构是：

htdocs\index.php
htdocs\css\style.css
htdocs\images\

---

提前谢谢

url必须与css文件相关，而不是与包含css的文件相关。您尚未提供有关文件夹结构的信息，但可能是这样的：

index.html
images/gradient_nav.png
css/stylesheet.css

因此，url必须为../images/gradient_nav.png-结果如下：

#navigation .menu {
  background-image:url ('../images/gradient_nav.png');
  border-top-style:solid;
  border-top-color:#DDD;
  border-bottom:2px solid #ddd;
  border-top-width:2px;
  height:50px;
  margin-top:-5px;
  clear:both;
}

---

url必须与css文件相关，而不是与包含css的文件相关。您尚未提供有关文件夹结构的信息，但可能是这样的：

index.html
images/gradient_nav.png
css/stylesheet.css

因此，url必须为../images/gradient_nav.png-结果如下：

#navigation .menu {
  background-image:url ('../images/gradient_nav.png');
  border-top-style:solid;
  border-top-color:#DDD;
  border-bottom:2px solid #ddd;
  border-top-width:2px;
  height:50px;
  margin-top:-5px;
  clear:both;
}

---

css位于css文件夹中的哪个位置？或者它在你的web服务器的文档根目录中，带有html文件吗？它在htdocs/css，我的图像在htdocs/images/你的css在哪里，在css文件夹中？或者是在你的web服务器的文档根目录中，带有html文件？它位于htdocs/css，我的图像位于htdocs/images/ah抱歉没有添加这些信息，我的文件夹结构是：code xampp/htdocs/index.php htdocs/css/style.css htdocs/images/gradient_nav.png，这是我试图使用的文件code你的评论中没有任何内容；-请直接将这些信息添加到您的问题中，方法是编辑它，而不是在评论中发布，这样其他读者也会看到它。看到您的文件夹结构，这正是我所假设的。只需将../添加到图像url，一切都将正常。如果是这样，请单击左侧的灰色勾号，将我的答案标记为已接受。@oezi我将../添加到文件路径，但它似乎没有做任何事情，这很奇怪。。Edit:nevermind，问题是添加../并删除：url“filepath”之间的空格。谢谢大家!=啊，很抱歉没有添加这些信息，我的文件夹结构是：code xampp/htdocs/index.php htdocs/css/style.css htdocs/images/gradient_nav.png，这是我试图使用的文件code你的评论中没有任何内容；-请直接将这些信息添加到您的问题中，方法是编辑它，而不是在评论中发布，这样其他读者也会看到它。看到您的文件夹结构，这正是我所假设的。只需将../添加到图像url，一切都将正常。如果是这样，请单击左侧的灰色勾号，将我的答案标记为已接受。@oezi我将../添加到文件路径，但它似乎没有做任何事情，这很奇怪。。Edit:nevermind，问题是添加../并删除：url“filepath”之间的空格。谢谢大家!=