支持：在IE7之后

Question

长话短说，我想在另一个元素之后添加一个绝对定位的伪元素，所以我只是在样式表中使用:after伪元素。除了在IE7中，这就像魅力一样。我认为IE7支持:after，不是吗？ Boilerplate中使用的clearfix hack工作正常，为什么不在我的例子中呢？

当我在样式检查器中查看CSS时，它似乎打印出来，所以它似乎对我来说它理解它，但我无法看到生成的元素。我错过了什么吗？

.myclass:after { 
   content:"";
   display:table;
   width:100px;
   height:100px;
   background:#f7f7f7;
   position:absolute;
   top:0;
   left:-1px;
   z-index:0; }
.myclass > div {
   position:relative;
   z-index:10; }   
.myclass { 
   z-index:1;
   position:relative; }

这是一个Fiddle！

Answer 1

IE7中:before和:after有no support，您还可以使用其他选项，例如IE8.js。