在css中，只能通過**改變層級，這個屬性就是z-index，要讓z-index起作用有個小小前提，就是元素的position屬性要是relative，absolute或是fixed。
1.第一種情況（z-index無論設定多高都不起作用情況）：
這種情況發生的條件有三個：
1、父標籤 position屬性為relative；
2、問題標籤無position屬性（不包括static）；
3、問題標籤含有浮動(float)屬性。
eg:z-index層級不起作用，浮動會讓z-index失效
解決辦法有三個（任一即可）：
1、position:relative改為position:absolute；
2、浮動元素新增position屬性（如relative，absolute等）；
3、去除浮動。
2.第二種情況
ie6下，層級的表現有時候不是看子標籤的z-index多高，而要看整個dom tree（節點樹）的第乙個relative屬性的父標籤的層級。
eg:ie7與ie6有著同樣的bug，原因很簡單，雖然所在div當前的老爸層級很高(1000)，但是由於老爸的老爸不頂用，可憐了9999如此
強勢的孩子沒有出頭之日啊！
z index層級在IE中無效
z index無效的兩種可能情況 第一種情況 z index無論設定多高都沒用 1 父級標籤position的屬性值沒有設定為relative 2 問題標籤中沒有寫position屬性值 不包括static 3 問題標籤有浮動屬性。第二種情況 ie相容問題 父級 第一層 頂層彈出 第三層 透明覆蓋 ...
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 屬性設定元...