Question

我无法在任何IE版本中使用此代码。我做错了什么，或者IE像往常一样废话？

HTML：

UITabBarController

CSS

<button>A button</button>

演示：http://jsfiddle.net/96ryusnp/

Answer 1

您需要将overflow: visible添加到button。

<button>A button</button>

button {
    position: relative;
    overflow: visible;
}

button:after {
    content: "Can u see me?";
    position: absolute;
    right: -100px;
    top: 0;
}

http://jsfiddle.net/96ryusnp/1/

默认情况下，IE必须在按钮上将其设置为hidden。

Answer 2

button元素是替换元素。

根据CSS 2.1 spec，

此规范未完全定义以下的交互：之前和：替换后的元素（例如HTML中的IMG）。这将会在未来的规范中更详细地定义。

但current draft of Selectors Level 3只说

可以使用:: before和:: after伪元素来描述在元素内容之前或之后生成内容。他们是在CSS 2.1中解释

因此，在:before元素上使用:after或button会产生不可靠的结果。

CSS：在任何IE版本中，伪元素在按钮内部不起作用

2 个答案: