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

Question

我无法在任何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/

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在按钮上默认设置为.