IE6 项目符号点对齐问题答案

【问题标题】：IE6 Bullet Point Alignment issueIE6 项目符号点对齐问题
【发布时间】：2017-09-22 05:38:43
【问题描述】：

我目前在 IE6 中遇到<li> 的一些问题，基本上我的代码如下所示，

<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 :-)

【问题讨论】：

标签： css internet-explorer-6

【解决方案1】：

您应该决定是使用 background-image 还是 list-style-image 来添加项目符号。正如您已经看到的，我建议使用背景图像解决方案，因为另一个在 IE6 中存在问题。

【讨论】：