图像没有显示为列表的样式为什么？

Question

图像没有出现，任何人都可以告诉我为什么？

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

出现的是

这就是我需要的

Answer 1

获取文件路径是正确的，因为在评论中已经向我指出，对于没有特殊字符的文件路径，引号不是必需的。

这主要是你提供的代码，我只是改变了图像（所以我不会在没有代码的情况下发布小提琴，所以这就是为什么我要推出它在这里）。

ul li {
background-image: url('http://cdn.sstatic.net/stackoverflow/img/polyglot-404.png');
background-repeat: no-repeat;
padding-left: 0px; 
}

http://jsfiddle.net/ray8z48b/

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

如果您链接到其他目录中的CSS文件，则logo.png必须相对于该路径。

例如，如果我要构建一个网站，我将拥有包含所有HTML文件的根目录，两个文件夹（至少）一个名为＆＃34; img＆＃34;和一个名为＆＃34; css＆＃34;。

因此，在第一种情况下，"./img/logo.png"或img/logo.png在后​​者中将是"../img/logo.png"。

Answer 2

我想到你的问题。我有一个解决方案。 在这里你的Html文件和你的图像在同一个文件夹中，你用双引号给出logo.png的路径

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

我认为它可以帮助你