我正在将图像应用到li
CSS 元素中,图像出现在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 不起作用,那么你可以检查一下:
- 不要将自定义显示应用于
li
(e.g inline-block
).
- 图像是存在的。
- 列表样式仍然没有被其他 css 覆盖。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)