image - CSS 图像在刷新时消失

Question

我将图像应用到 CSS 中的 li 元素，当我第一次加载时图像出现在 li 元素旁边，但在刷新后它们消失了并且被元素符号点取代。我正在使用预览选项 coda 2，它使用 Safari，但在 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 覆盖。