在網頁中，每個元素都有自己的默認層級定義，正因為這些關系，元素才有顯示層次的區分，當然也可以利用CSS中?的z-index屬性來改變元素的默認層級關系。 由于不同瀏覽器對層次關系的解釋不同，會造成瀏覽器之間的顯示差別，出現bug，比如IE6、IE7和Firefox之間，所以要想些辦法修正這些差別，達到統一效果。 常見的層級bug有層被下拉框蓋住的bug、flash文件始終在最頂層等等很多，本篇文章先講解如何解決IE6中層被下拉框蓋住的bug。 IE6中層被下拉框蓋住的bug究竟是什么樣子的？請看以下代碼：

 
推薦標簽
 
 西藏??動漫??35mm??足球??壁紙??汽車
 數碼??夏天??偶像??清純??婚紗??5D
 服飾??電影??lomo??搞笑??造型??黑白
 香港??建筑??藝術??幽默??快樂??MM 
 
 
 
 
 
 選擇專輯：  默認專輯 自建專輯名 　 

以上代碼粘貼到網頁中，使用IE7和Firefox瀏覽器查看均無異樣，但使用IE6查看時效果卻如圖一所示。雖然名為tags_box的div已經聲明z坐標的值為999，但在IE6下仍然被選擇框的下拉菜單遮擋住了，造成這個問題的原因是IE6將選擇框的默認層級視為最高級，所以將tags_box蓋住。 要解決這個問題，只改變z-index的值是達不到效果的，但是，可以找到和選擇下拉框同樣被IE6誤認為最高等級的另一元素——iframe解決它。具體方法是在tags_box這個div中插入一個iframe，并讓它的的透明度為0，看起來好像不存在一樣。代碼如下：

只要將以上代碼復制到tags_box的div中即可，在IE6中的預覽效果應如圖二中所示。