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

标签 css html browser cross-browser

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

为了从 Logo 位置的顶部开始,我添加了一个红色背景来检查其位置,尽管您可以在 Firefox 中看到它,但它甚至没有显示。为什么这没有被正确读取?

Website

编辑:

我已将范围缩小到导致 IE 崩溃的确切代码:

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

我该如何解决这个问题?无需手动添加数字。我希望编号列表的工作方式如下:1.1.2 等

最佳答案

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

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

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

注意元素和逗号之间的空格。您还可以将 item 括在括号中,它似乎适用于所有主要浏览器,尽管它看起来有点不标准。

关于CSS 内容计数器破坏 IE 中的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8212738/

相关文章:

css - Opera 和 webkit 中自定义字体的底部被截断

javascript - 使用 jquery 加载编辑已复制到 html 文件中的 html div

javascript - 将标记标签添加到谷歌地图标记

javascript - 为什么 (MouseUp mouseDown) 在移动浏览器上不起作用?

audio - MediaDevices.getUserMedia() 如何设置音频约束(采样率/位深度)?

css - 单击提交按钮时禁用 CSS3 淡入

javascript - HTML/CSS/Javascript - 将鼠标悬停在不同的单元格上时更改一个表格单元格的值

javascript - 使用 mailto : 截取嵌入对象并嵌入到电子邮件中

browser - 如何强制始终清除用户的浏览器?

html - 如何使图像成为 'jump to' 按钮?