z index層級在IE中無效

2021-08-19 09:36:34 字數 685 閱讀 3021

z-index無效的兩種可能情況:

第一種情況(z-index無論設定多高都沒用):

1、父級標籤position的屬性值沒有設定為relative;

2、問題標籤中沒有寫position屬性值(不包括static);

3、問題標籤有浮動屬性。

第二種情況(ie相容問題):

父級(第一層)  

頂層彈出(第三層)

透明覆蓋(第二層)

正常情況應該是這樣:

但是在ie下會出現這種情況:

這是因為在ie瀏覽器中,他把最外層的z-index限制了,不管你內部的z-index多高,都超不過外部的,所以這個時候只能將要置頂的彈出框單獨分離出來

父級(第一層)  

頂層彈出(第三層)

透明覆蓋(第二層)

z index層級在IE中無效

在css中,只能通過 改變層級,這個屬性就是z index,要讓z index起作用有個小小前提,就是元素的position屬性要是relative,absolute或是fixed。1.第一種情況 z index無論設定多高都不起作用情況 這種情況發生的條件有三個 1 父標籤 position屬性為...

CSS z index層級在IE中無效

解決辦法有三個 任一即可 1 position relative改為position absolute 2 浮動元素新增position屬性 如relative,absolute等 3 去除浮動。2.第二種情況 ie6下,層級的表現有時候不是看子標籤的z index多高,而要看整個dom tree ...

關於設定z index層級無效的問題

最近在寫乙個小專案,遇到很多小細節的問題,果然還是要實戰才能知道自己的不足之處啊 回歸正題,我在乙個div明明設定了屬性z index,但是為什麼在網頁上顯示無效呢?首先排除設定的層級不夠的問題 然後我就去 w3school 查詢了才知道問題所在。先來看官方給的定義的用法 z index 屬性設定元...