IE 中css的奇葩事

今天给 在IE 中使用 :after 伪元素，然后直接切了控制台F12看显示效果，结果 :after 的效果全打横线。表示样式没有生效。于是各种百度，然后越查越蒙蔽，看别人都是解决IE8 一下 伪元素不生效的，然后又去W3C上面看了，before和after 是支持到IE9，怎么到了我这IE11反而不行了呢？切换成IE 9的核心也不行，百度翻遍前三页就是没有找到任何头绪。无奈google去了，在Stack overflow上看到了相关的问题。看完一圈才发现这是 devtool的问题，after 的样式其实是生效了，一开始我给after 设计的时候没有上色，然后IE 也没有办法转么看到伪元素的大小和范围。

主要是这么打的
div:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

可见上面没有颜色，当添加了backgroudn-color 后，发现伪元素正常工作。无语，IE 真的是各种BUG。

具体参照来源如下: Stack Overflow 参照