CSS 图像在刷新时消失

Question

我正在将图像应用于 CSS 中的li元素，当我第一次加载时，图像出现在li项目旁边，但在刷新后它们消失并被项目符号替换。 我正在使用使用 Safari 的预览选项 coda 2，但在 Firefox（最新版本）和 Chrome（最新版本）中，图像甚至无法加载。

我的 CSS 代码非常简单，我不知道为什么会出现这个问题

ul {
    list-style-image:url("images/star.png");
}  

li {
    margin: 10px 0px 0px 0px;
}

Answer 1

您的 CSS 应该可以正常工作。 测试：

 ul { list-style-image: url(http://stater.mahdaen.name/icons/favicon-16x16.png); } li { margin: 10px 0 0 0; }

 <ul class="org"> <li>Test</li> <li>Test</li> <li>Test</li> </ul>

如果您的 CSS 不起作用，那么您可以检查以下内容：

1. 不要对li应用自定义显示（例如inline-block ）。
2. 图像存在。
3. 列表样式仍然没有被其他 css 覆盖。