CSS内容计数器在IE中破坏CSS

我确实希望该网站需要一些调整才能在IE中工作，尽管这一次似乎有什么东西完全打破了IE8兼容模式下的CSS

从顶部的logo位置开始，我添加了一个红色背景来检查它的位置，这甚至没有显示出来，尽管你可以在firefox中看到这一点。为什么没有正确阅读

编辑：

我已将其缩小到导致IE崩溃的确切代码：

.content ol li:before {
content: counters(item, ".") ": "; 
counter-increment: item
}

我怎样才能避开这件事？无需手动添加数字。我希望编号列表的工作方式如下：1.1.2等

---

这里有一个很好的解释和解决方案：

IE不支持生成的内容我自己已经解决了这个问题，为了避免IE7解析器错误，请更改：

content: counters(item, ".") ": "; 

到

---

注意项目和逗号之间的空格。您还可以将该项用括号括起来，它似乎适用于所有主流浏览器，尽管它似乎有点不标准。

链接到相关页面？在ie8上与firefox对我来说看起来一样。它在ie8兼容模式下不起作用，但网站的其他部分也不起作用，所以我猜这不会困扰你。把它缩小到一个小而简单的问题，然后在这里发布有问题的代码。是的，这让我很困扰，我希望它至少在IE7下起作用。我使用了HTML5标记，但不是直接从CSS中得到的，总是包装在div中“IE8及以下版本”因此IE6不是唯一出现此问题的浏览器。谢谢，尽管我不需要透明PNG，也不会解决CSS问题，但更像是“导致更透明PNG在IE7+中工作良好”。你只需要在IE6中使用类似SuperSlight的东西（即使这样，也只有在你认为值得付出额外努力的情况下）@BoltClock-是的，但那篇文章是在IE8出现之前写的。很确定它仍然适用于IE7，也可能适用于IE8。我不得不说这不是一个很好的解决方案（但可能没有）因为IE7中的CSS解析器抛出了某种错误，因此绕过了CSS文档中的以下所有样式！我很难确定是否可以将其保留在CSST中，这绝对不是事实（生成的内容到处都在使用，请查看此页面的源代码）。您的样式表可能存在更大的问题。此链接验证了我所说的…：）我必须将规则移到样式表的底部，这样它不会破坏任何后续CSS，我想您可以使用IE条件将其放入另一个样式表中。啊，我明白了，这是计数器的问题，而不是所有生成的内容。这就是知道这些很有用，谢谢。我想最优雅的解决方案应该是在HTML5样板中使用，在基于IE版本的HTML标签中添加类，并针对这些类。然后你可以在样式表中保留相关的CSS。是的，我喜欢样板的做法，实际上在这个项目中使用它，但是我想保留我所有的规则1个文件以减少请求..因此仍然必须将此代码移到文件的末尾：（给出修改后的问题，这是IE7的正确答案。谢谢！我已经写了一篇关于此的快速博客文章，其中有一个演示页面：

content: counters(item , ".") ": ";