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

前端之家收集整理的这篇文章主要介绍了CSS:在任何IE版本中,伪元素在按钮内部不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我无法在任何IE版本中使用此代码.我做错了什么或IE浏览器像往常一样?

HTML

  1. <button>A button</button>

CSS

  1. button {
  2. position: relative;
  3. }
  4.  
  5. button:after {
  6. content: "Can u see me?";
  7. position: absolute;
  8. right: -100px;
  9. top: 0;
  10. }

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

解决方法

您需要添加溢出:按钮可见.
  1. <button>A button</button>
  2.  
  3. button {
  4. position: relative;
  5. overflow: visible;
  6. }
  7.  
  8. button:after {
  9. content: "Can u see me?";
  10. position: absolute;
  11. right: -100px;
  12. top: 0;
  13. }

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

IE必须在按钮上默认将其设置为隐藏.

猜你在找的CSS相关文章