html - 图像没有作为列表的样式出现，为什么？

Question

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

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

这是出现的样子

这就是我想要的

Answer 1

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

这主要是您提供的代码，我只更改了图像(所以不会让我在没有一些代码的情况下发布 fiddle ，所以这就是我将其放在这里的原因)。

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 文件的根目录，两个文件夹(至少)一个名为“img”，一个名为“css”。

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