CSS内容专柜在IE中休息CSS [英] CSS content counters breaks CSS in IE

问题描述

我不希望网站需要一些调整，在IE浏览器的工作，虽然这一次似乎喜欢的东西在IE8兼容模式彻底打破了CSS。

要在开始带徽标的位置上，我添加了一个红色的背景来检查它的位置，这甚至没有显示，但你可以看到这在Firefox。为什么这是不正确读取？<​​/ P>

网站

编辑：

我已经缩小下来的确切code这会导致IE打破：

  .content OL李：之前{
内容：计数器（项目。）：
反增量：项目
}
 

我怎么能解决这个问题？无需手动添加数字。我想编号列表类似的工作：1.1.2等

解决方案

生成的内容是不是在IE＆LT的支持; 8（的看我什么时候可以使用... ）。一个简短的搜索没有找到任何明显的替代（垫片等）。你能不能接受IE6 / 7将不会看到你的柜台，或者使用 Chrome Frame的？

I do expect the site to require a few tweaks to work in IE although this time it appears like something is completely breaking the CSS in IE8 compatibility mode.

To start at the top with the logo position, I have added a red background to check its location and this is not even displayed, although you can see this in firefox. How come this is not being read correctly?

Website

EDIT:

I have narrowed this down to the exact code which causes IE to break:

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

How could I get around this? Without manually adding the numbers. I wanted the numbered list to work like: 1.1.2 etc

解决方案

Generated content isn't supported in IE<8 (see When can I use...). A brief search didn't return any obvious alternative (a shim etc). Can you just accept that IE6/7 won't see your counters, or perhaps use Chrome Frame?

这篇关于CSS内容专柜在IE中休息CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！