WordPress 主題教程：CSS 偽元素導致 Google 廣告不顯示 （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 主題時應特別注意多測試。