为什么我的列表样式图像在不同的浏览器中的位置不同

Question

在此页面上：

• http://run.xxmn.com/new/hot

在Chrome和IE 7中，我使用list-style-image应用于“热门优惠券”列表的项目符号图片位于每个列表项的右侧。

在Firefox中，它位于左侧，这就是我想要的。

如何在Chrome和IE 7中左侧显示它？

Answer 1

我建议尝试

  

li {padding-left：20px;背景：网址（YOURIMAGE）no-repeat 0 50％; }

Answer 2

我认为Chrome和IE 7可能会在页面上看到（日文？中文？）文字，并自动切换到从右到左的渲染，这会将列表项目放在列表项的右侧。

我认为lushnis’s solution是最好的。您可以修改页面或列表项以在CSS中从左向右运行，但我不确定这是否会搞砸文本呈现。