CSS z index層級在IE中無效

2022-03-09 05:33:12 字數 507 閱讀 4788

解決辦法有三個(任一即可):

1、position:relative改為position:absolute;

2、浮動元素新增position屬性(如relative,absolute等);

3、去除浮動。

2.第二種情況

ie6下,層級的表現有時候不是看子標籤的z-index多高,而要看整個dom tree(節點樹)的第乙個relative屬性的父標籤的層級。

eg:ie7與ie6有著同樣的bug,原因很簡單,雖然所在div當前的老爸層級很高(1000),但是由於老爸的老爸不頂用,可憐了9999如此強勢的孩子沒有出頭之日啊!

解決辦法: 在第乙個relative屬性加上乙個更高的層級(z-index:1)

z index層級在IE中無效

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

z index層級在IE中無效

z index無效的兩種可能情況 第一種情況 z index無論設定多高都沒用 1 父級標籤position的屬性值沒有設定為relative 2 問題標籤中沒有寫position屬性值 不包括static 3 問題標籤有浮動屬性。第二種情況 ie相容問題 父級 第一層 頂層彈出 第三層 透明覆蓋 ...

關於css z index的層級關係

層疊上下文 stacking context 是html中乙個三維的概念。在css2.1規範中,每個盒模型的位置是三維的,分別是平面畫布上的x軸,y軸以及表示層疊的z軸。一般情況下,元素在頁面上沿x軸y軸平鋪,我們察覺不到它們在z軸上的層疊關係。而一旦元素發生堆疊,這時就能發現某個元素可能覆蓋了另乙...