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

2012/03/08

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主题时应特别注意多测试。

发表评论

邮箱地址不会被公开。 必填项已用*标注