我有一个 <ol>（有序列表），在火狐、Safari和Chrome浏览器中渲染正常。 然而，在IE9中，所有的数字都显示为0。这不是间距/填充问题，因为我能看到这些零。
我的HTML代码如下：
<ol>
<li>Enter basic company information</li>
<li>Select from our portfolio of products</li>
<li>Attach your employee census</li>
<li>Review your selections and submit your request.</li>
</ol>
有人遇到这个问题并希望得到解决方案吗？
这个问题在Internet Explorer 10（所有文档模式）中已经被修复。Microsoft已经删除了Connect条目，因此您无法查看其状态。由于Microsoft现在会自动推送IE10，所以对于所有常规客户都应该可以正常工作。
这是一个已知的IE9回归问题，已在Microsoft Connect上报告：
类型：Bug
ID：657695
开启时间：2011年4月6日12:10:52 PM
访问限制：公共0个解决方法
5个用户可以重现此错误
更新：
Microsoft于2011年6月14日下午3:20发布
谢谢你的反馈。我们能够重现这个问题并正在进行调查。
最好的问候，
Internet Explorer团队
可重现错误的HTML页面：
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>IE9 Ordered List Zero Bug</TITLE>
<SCRIPT type="text/javascript">
setTimeout(function ()
{
document.getElementById("dv1").innerHTML = "<ol><li>XXX</li><li>YYY</li></ol>";
var container = document.createElement('span');
container.style.cssText = "display:none";
document.getElementById("dv2").appendChild(container);
}, 1000);
</SCRIPT>
</HEAD>
<BODY>
<DIV id="dv1">
<OL>
<LI>AAA</LI>
<LI>BBB</LI>
</OL>
</DIV>
<DIV id="dv2"></DIV>
</BODY>
</HTML>
解决方法是在你的DIV后面放置一个空元素：
<div id="one">
<ol>
<li>one</li>
<li>two</li>
</ol>
</div>
<div id="two" style="display:none">
<ol>
<li>three</li>
<li>four</li>
</ol>
</div>
<div id="empty"></div>
Internet Explorer 9 (9.0.8112.16421)
Internet Explorer 8 (8.0.6001.19048)
Internet Explorer 7 (7.0.6000.16982): 正常工作
Google Chrome 10 (10.0.648.134): 正常工作
还有另一种解决方案：
显示元素：
el.show();
然后：
setTimeout(function(){
$("ol").css("counter-reset", "item")
}, 1);
<li>元素，但并非所有元素都能修复。 - Pointy// Workaround for IE list display bug
$('ol').hide().delay(1).show();
http://blog.darkthread.net/post-2011-03-19-ie9-ol-bug.aspx
请注意文章是中文的，我是用Chrome翻译的。function endRequest_OL_Fix(sender, args) {
var ols = document.getElementsByTagName("ol");
for (var i = 0; i < ols.length; i++)
{
var explicitStart = ols[i].start;
if (explicitStart > 0) {
ols[i].start = -1;
ols[i].start = explicitStart;
}
else {
ols[i].start = 1;
}
}
}
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest_OL_Fix);
start属性，则该属性将被保留、重置和重新分配。否则，start将被明确分配。@Alex Kleshchevnikov - http://choosedaily.com/2481/ie9-bug-ordered-list-zeroes-ajax-request/
我曾使用过这段代码，但仍然得到了零值。我修改了它，在有问题的OL后面添加了另一个OL，然后很快隐藏它。
"windows_instructions"是我要修复零值的OL。"ie_fix"是我要隐藏的虚拟OL。我尝试将第二个超时设置为2毫秒，但这不够时间。由于我的ajax内容正在淡入，所以100毫秒没有FOUC。
如果对未来的修复有帮助，似乎问题总是出现在页面上的最后一个OL。
以下是代码：
if($("#windows_instructions").length>0)
{
$("#windows_instructions").hide();
ieTimeout = setTimeout(function()
{
$("#windows_instructions").show();
}, 1);
ieTimeout = setTimeout(function()
{
$("#ie_fix").hide();
}, 100);
}
最近我自己遇到了这个问题，并想出了一种不同于包含空div的解决方案。在不同的场景下肯定需要进行更多测试，但是这对我有效，即使列表被隐藏并再次显示。
var ieTimeout;
var selectorWrapperSet = $(selector);
selectorWrapperSet.css("display","none");
ieTimeout = setTimeout(function() {
selectorWrapperSet.css("display","block");
}, 1);
首先，只需使用CSS即可看到此错误。每当隐藏和显示<ol>时都会发生这种情况。示例jsfiddle显示错误。
在某些情况下，也可能仅使用CSS修复错误。修复是一致的，但代码很脆弱，不是最好的。在这里，许多本不应该在CSS中起作用的东西确实起了作用，因此请小心编写代码。 示例jsfiddle可以正常工作。。基本思路是：切换行而不是列表，然后在（可见但有时为空的）<ol>上使用counter-reset重新创建列表编号，并在<li>上使用counter-increment。
:hover没有意义，并且您使用类似于jQuery .show()的东西，请考虑基于.addClass()的解决方案。<ol>在IE中可以工作，如果Javascript向包装元素添加一个类-即使该类不起作用。这里是一个jsfiddle示例。不能保证它在其他地方也能工作，但在这里它可以工作。
如果你试图理解这个 bug，a) 祝你好运，b) 看一下这里的 jsfiddle。这是发生在使用 CSS 的 counter 选项（加上常规编号），但切换的不是 <li> 而是 <ol> 的情况。你会得到一个疯狂的情况，显示的内容完全取决于你是否将鼠标悬停在前一个兄弟元素、后一个兄弟元素或两者都不是。毫无意义...但这可能是这个 bug 真正含义的线索。
<ol>：页面上的第一个变成1,1,1,1,1，第二个变成2,2,2,2,2，然后是3,3,3,3,3等。无法确定是什么原因导致这种怪异现象。你可能需要在你的样式表中添加以下标记代码 -
ol {list-style:decimal}
这个声明的作用是，如果你还没有在样式表中声明有序列表的类型，它会声明你所偏好的类型。
<ol style="list-style-type:decimal;">
<li>Enter basic company information</li>
<li>Select from our portfolio of products</li>
<li>Attach your employee census</li>
<li>Review your selections and submit your request.</li>
</ol>
在Windows 10上，Edge也遇到了类似的问题。在使用CSS过渡打开的移动菜单中，列表项旁边显示0s。我尝试了无数种ol、其父元素和子元素的list-style: none;和list-style-type: none;变体，但都没有解决问题。
最终，我找到了以下解决方法，可以修复Edge/IE上的问题，而不会影响其他桌面和移动浏览器的样式：
/*
Hack for Edge browser. Some things never change...
This is definitely dirty, hacky and overkill.
Without this, Edge on windows 10 shows a 0. next to every list item in a mobile menu that is animated with a css transition on our site.
Using technique for targeting Edge from https://dev59.com/xlwY5IYBdhLWcg3wyqaH
Answer by KittMedia: https://dev59.com/xlwY5IYBdhLWcg3wyqaH#32202953/
*/
@supports (-ms-ime-align: auto) {
.element-im-targeting ol,
.element-im-targeting ol li,
.element-im-targeting ol * {
list-style: none;
list-style-type: none;
}
}