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