我有像这样的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的背景图片，所以我不能将子弹图像用作背景。 这有什么解决方案吗？
提前致谢。
答案 0 :(得分：24)
这里有一个很好的解释和解决方案：http://css.maxdesign.com.au/listutorial/master.htm
它表示使用list-style-image会导致图片与不同浏览器的展示位置不一致。然后，它解释了如何使用背景图像的子弹以获得更好的结果。
答案 1 :(得分：3)
使用line-height：）
答案 2 :(得分：2)
我看到你正在删除列表项的左边距。对于IE，您需要对左边距执行相同操作 - 要么完全删除它（设置为零），要么使其小于默认值。然后你的列表项将很好地对齐。
答案 3 :(得分：2)
谢谢你们两位。 问题是我已经使用背景作为行分隔符。但是我会将它改为边界然后我会使用背景作为子弹图像。