CSS伪元素导致gg广告不显示（IE浏览器）

IE对网页设计者来说，是个万恶不赦的东西。在谷歌、火狐浏览器显示的好好的东西，到了IE中就乱七八糟，所以设计wordpress主题时俺们不得不hack一下。最近，小编又遇到了一个怪事，gg广告在非IE核心的浏览器能够正常的显示，但是到了IE核心的浏览内，首页无法显示广告，不过其他页面却能正常显示，几天都不得其解。后在检查CSS时发现了如下代码：

.clear{font-size:0px;line-height:0px;display:block;clear:both;}
.clear:after { content: “”; display: block; clear: both; }

在上面有一个content: “”; ，也许症结就在这里。回到首页，找到

<div class=”clear”></div>

然后，测试一切正常。包括在IE内的其他显示不正常的东西也一并显示出来了。

原来.clear:after是CSS伪元素，意思是应用了clear之后，再应用after。这里小编提醒大家，在借用别人的CSS代码时设计wordpress主题时应特别注意多测试。