css - IE6 元素符号点对齐问题

Question

我目前在使用 <li> 时遇到一些问题在 IE6 中，我的代码基本上是这样的，

<ul>
  <li>some filler text some filler text</li>
  <li>some filler text some filler text</li>
  <li>some filler text some filler text</li>
</ul>

当我在 IE 6 中查看页面时，问题就来了，元素符号和文本没有像您期望的那样排列，以前有人遇到过这个问题，因为这里记录的是相关的 div 和 li 的 CSS。

#contentMiddle li
{
    /*background-image:url(../images/bullet.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    text-align:left;
    list-style-position:outside;*/
    list-style-image:url(../images/bullet.gif);
    list-style-position:inside;
    text-align:left;
    margin-bottom:5px;
}

#contentMiddle
{
    background-color:#A3BAD9;
    padding-left:20px;
    padding-right:20px;
}

谢谢你的帮助

sico87:-)

Answer 1

您应该决定是要使用背景图像还是列表样式图像来添加元素符号。我建议使用背景图像解决方案，因为另一个在 IE6 中存在问题，正如您已经看到的那样。