Question

我使用伪类在我的列表中生成管道，它工作正常，除了它们没有在IE 7中呈现。代码看起来像：

.brandLinks a:after {
margin: 0 4px;
content: "|";
}

.brandLinks a:last-child:after {
content: " "
}

这只是IE 7没有做的事情，还是我的代码不稳定？

Answer 1

不，IE7不支持此功能。

见http://www.quirksmode.org/css/content.html和 http://www.quirksmode.org/css/beforeafter_content.html进行详细比较。

此外，需要考虑一个有趣的意见; - ）

我觉得我们不应该使用内容声明。它补充道内容到页面，CSS是指用于向页面添加演示文稿，而不满足。所以我觉得如果你愿意，你应该使用JavaScript 动态生成内容。 CSS 是这项工作的错误工具。

Answer 2

这适用于IE7。

.brandLinks a {zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before" );}

.brandLinks a .ie-before {zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '|');}

Answer 3

CSS可能仅用于演示，但在需要清除浮动的情况下，它非常有用，太糟糕了，着名的'clearfix'在旧的浏览器中无法正常工作。也许它可以通过不同于内容操作的不同方法来实现...你可以在googlecode上找到一些javascripts，它们可以支持许多选择器，但它们之前没有，但不确定伪类...可能有用

http://code.google.com/p/ie7-js/

IE 7是否支持内容伪类？

3 个答案: