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应该正常工作。测试：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

如果您的CSS无效，那么您可以查看：

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