Html 图像未显示为列表的样式为什么?

Html 图像未显示为列表的样式为什么?,html,css,Html,Css,图像没有出现,谁能告诉我为什么 ul li { background-image: url(logo.png); background-repeat: no-repeat; padding-left: 0px; } 这就是出现的情况 这就是我需要的 我想到了你的问题。我有一个解决办法。 在这里,您的Html文件和图像位于同一个文件夹中,ohterwise在双引号中给出logo.png的路径 ul li { background-image: url("logo.png"); bac

图像没有出现,谁能告诉我为什么

ul li {
background-image: url(logo.png);
background-repeat: no-repeat;
padding-left: 0px; 
}
这就是出现的情况

这就是我需要的


我想到了你的问题。我有一个解决办法。 在这里,您的Html文件和图像位于同一个文件夹中,ohterwise在双引号中给出logo.png的路径

    ul li {
background-image: url("logo.png");
background-repeat: no-repeat;
padding-left: 0px; 
}

我认为它有助于您

关键是正确的文件路径,正如我在评论中指出的那样,对于没有特殊字符的文件路径,引号不是强制性的

这主要是您提供的代码,我只更改了图像(因此不允许我在没有代码的情况下发布小提琴,所以我将其放在这里)

如果在标记之间的HTML文件中包含上述CSS,则logo.png必须相对于HTML文件的路径

如果链接到其他目录中的CSS文件,logo.png必须与该路径相对

例如,如果我要建立一个站点,我会有一个包含所有HTML文件的根目录,两个文件夹(至少),一个称为“img”,另一个称为“css”


因此,在第一种情况下,它将是
“/img/logo.png”
img/logo.png
,在后一种情况下,它将是
”。/img/logo.png“

CSS文件附近是否存在
logo.png
?如果它们不在同一目录中,请使用
。/
在目录树中上升一级。是的,我检查了很多次,即使拼写也不会影响添加引号:
背景图像:url('logo.png')
是某些div或smth中的无序列表,如在Chrome中,按F12,打开网络选项卡,刷新页面并查找404个错误。除非URL中有特殊字符,否则使用引号是毫无意义的。再次说明:除非URL中有特殊字符,如空格、括号、,单引号/双引号。您不需要
在文件路径中使用引号。路径也可以是相对的,也可以是绝对的。谢谢,我不知道这是不必要的,我一直在使用它们。
ul li {
background-image: url('http://cdn.sstatic.net/stackoverflow/img/polyglot-404.png');
background-repeat: no-repeat;
padding-left: 0px; 
}