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

我无法在任何IE版本中使用此代码.我做错了什么或IE浏览器像往常一样？

HTML：

<button>A button</button>

CSS

button {
    position: relative;
}

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

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

解决方法

您需要添加溢出：按钮可见.

<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必须在按钮上默认将其设置为隐藏.