先看兩張對比圖：
無浮動層的時候的狀態：
有浮動層的時候，ie8、firefox等下的狀態：
有浮動層的時候，ie6、ie7的狀態：
看看ie8、firefox裡正常的情況下的html和css，不管需要被擋住的層
父級：.lip //只是一部份
浮動：.float //只是一部份
這裡在.float裡定義了z-index:90;在ie8及firefox等瀏覽器裡就可以正常顯示了，但在ie6、7裡卻不行。這時候在父級.lip裡也同樣加乙個z-index比浮動的低就可以了。
父級：.lip //只是一部份
ie6 ie7 絕對定位 相對定位 層被遮住
今天上班收到群裡乙個人通過臨時會話發過來的.rar檔案，開啟一看，是乙個選單效果 在ie6和ie7下就被遮住 在ff和ie8下效果如下圖 如下 ul li部分以及 我以前寫過類似的效果，所以我就用ul li這種經常寫的格式寫了一套，測試了一下，在ie6 7 8和ff下都沒問題。於是就把這個改好的檔案...
ie6，ie7遮罩層被普通層遮住的解決方法
乙個設定了position absolute z index 200 的浮動層，居然被乙個設定position relative z index 1 或者根本沒有設定z index 的普通層遮住了。這個奇葩的現象在ie8以上是不會發生的，出現在ie6和ie7裡，解決的方法是 方法一 限定元素和浮動元...
IE6 IE7下 inline block解決方案
ie6 ie7下對display inline block的支援性不好。1 inline元素的display屬性設定為inline block時，所有的瀏覽器都支援 2 block元素的display屬性設定為inline block時，ie6 ie7瀏覽器是不支援的 物件呈遞為內聯物件，但是物件的...