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

时间:2011-11-21 13:40:29

标签: html css html5 browser cross-browser

我确实希望该网站需要进行一些调整才能在IE中运行,尽管这次看起来似乎完全打破了IE8兼容模式下的CSS。

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

Website

编辑:

我已将其缩小到导致IE中断的确切代码:

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

我怎么能绕过这个?无需手动添加数字。我希望编号列表的工作方式如下:1.1.2等

3 个答案:

答案 0 :(得分:3)

我自己解决了这个问题,为了避免IE7解析器错误,请更改:

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

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

注意item和逗号之间的空格。你也可以在括号中包装项目,它似乎适用于所有主流浏览器,虽然看起来有点不标准。

答案 1 :(得分:2)

答案 2 :(得分:0)

IE< 8(see When can I use...)不支持生成的内容。简短的搜索没有返回任何明显的替代品(垫片等)。您能否接受IE6 / 7不会看到您的计数器,或者使用Chrome Frame

相关问题