CSS ul li图像与文本对齐

Question

我有这样的 CSS

ul {
    list-style-image:url(images/bulletArrow.gif);
}

ul li {
    background: url(images/hr.gif) no-repeat left bottom;
    padding: 5px 0 7px 0;
}

但是元素符号图像在 IE 中没有正确对齐(在 Firefox 中很好)。 我已经有了 li 的背景图片，所以我不能使用子弹图片作为背景。 有什么解决办法吗？

提前致谢。

Answer 1

这里有一个很好的解释和解决方案:http://css.maxdesign.com.au/listutorial/master.htm

它表示使用 list-style-image 会导致图像在不同浏览器中的位置不一致。然后它解释了如何使用元素符号的背景图像以获得更好的结果。