IE 7 Bug？设置<li>的高度会重置有序列表的计数器</li>

时间：2011-10-24 04:30:36

标签： html css internet-explorer-7

我已经达到了我只能假设的IE7错误，但我无法在网上任何地方找到它。似乎在有序列表中设置<li>元素的高度会重置列表的计数器（类似于counter-reset css属性）。

重现起来很容易，渲染以下代码...... 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <style type="text/css">
        li { height: 20px; }
    </style>
</head>
<body>

    <ol>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
    </ol>

</body>
</html>

制作此...

Rendered by IE9 using Browser mode: IE7, Document Mode: IE7 standards

删除CSS规则可以解决问题。

为什么哦为什么会这样，我怎么能阻止它呢？我也对这个问题的任何现有讨论或文档感兴趣。我不可能是第一个遇到它的人。

注意：我目前无法访问真正的IE7机器，所以我一直在IE9中使用IE7浏览器模式。我想这很准确？

1 个答案:

答案 0 :(得分：1)

好的，我可以确认这确实是IE7及以下的错误。

设置height或width即可。

一个简单的解决方法是：

ol li {
  display:list-item;
  height:40px;
}

之前有人遇到过此问题，并且有许多解决方法。

http://weblogs.asp.net/marksmith/archive/2008/01/11/ie7-bug.aspx

相关问题
最新问题