CSS 图像在刷新时消失

2024-01-02

我正在将图像应用到liCSS 元素中,图像出现在li我第一次加载时的项目,但刷新后它们消失并被项目符号点取代。我正在使用预览选项 coda 2,它使用 Safari,但在 Firefox(最新版本)和 Chrome(最新)中,图像甚至无法加载。

我的CSS代码非常简单,我不知道为什么会发生这个问题

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

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

你的 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 (e.g inline-block).
  2. 图像是存在的。
  3. 列表样式仍然没有被其他 css 覆盖。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS 图像在刷新时消失 的相关文章