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

前端之家收集整理的这篇文章主要介绍了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必须在按钮上默认将其设置为隐藏.

原文链接:https://www.f2er.com/css/214730.html

猜你在找的CSS相关文章