IE10：CSS :after assignment 没有得到解释答案

【问题标题】：IE10: CSS :after assignment does not get interpretedIE10：CSS :after assignment 没有得到解释
【发布时间】：2014-11-19 05:15:00
【问题描述】：

我创建了一个 CSS 规则，该规则应用于位于 TD 元素中的 SPAN 元素。

该规则应该将内容添加到跨度。我正在使用:after 选择器来执行此操作。

到目前为止一切顺利。 IE8 正确显示一切。但是对于我的 IE10，我看不到添加到 SPAN 元素的内容。

使用 Internet Explorer 开发工具 (F12)，我可以看到 IE10 已禁用这两个规则：

发生这种情况的原因是什么？为什么禁用这些规则？样式表中没有定义覆盖替换规则来执行此操作。

感谢您的帮助。

【问题讨论】：

!important 怎么样？
!important 不起作用，因为我遇到了同样的问题。

标签： css internet-explorer-10

【解决方案1】：

默认情况下插入的元素是内联的。尝试将其设置为 inline-block。

【讨论】：

【解决方案2】：

我今天在 IE10 中遇到了类似的问题，其中 :after 设置了图像。原来我有两个错误；我在文件顶部没有<!DOCTYPE html>，并且在兼容性视图设置中选中了Display intranet sites in Compatibility View 选项。在我修复我的网页并取消选中页面按预期显示的值之后。

这是我正在使用的 css：

.foo:after {
    content: url(images/foo.png);
    position: relative;
    top: 2px;
    left: 8px;
}

【讨论】：