關於z-inde,這個**還是對我受益匪淺的，
z-index 起作用得有乙個前提：
就是和定位一起用，position:absolute,relative,fixed,
都是可以的，inherit 繼承要看它父級是否有 定位，static：無特殊定位，物件遵循html定位規則 ，initial：最初的都是不受影響的。
z-index無論設定多高都不起作用情況：
1、父標籤 position屬性為relative；
2、問題標籤無position屬性（不包括static）；
3、問題標籤含有浮動(float)屬性。
解決辦法有三個（任一即可）：
1、position:relative改為position:absolute；
2、浮動元素新增position屬性（如relative，absolute等）；
3、去除浮動。
未解決問題：
對於父級有浮動的父級，z-index不起作用該怎麼辦。
1.父級的浮動不能取消，
2.正常情況下都沒有設定 定位，z-index的元素 ，後邊的比前邊的等級要高，所以現在是前邊被後邊蓋住（問題）
html:css:
.container.img
.img:hover
.col常見情況：
1. 製作二級選單時候，想要父級蓋住子級（正常情況後是者蓋上前者）。
解決辦法：
父級子級必須都要加定位，父級不需要設定z-index，只要子級設定小於 0的z-index,(預設是0)。
原因： z-index是要考慮父級的，如果子級是0，父級是 2000也蓋不住，
關於z index這個層級的問題
z index它可真是乙個神奇的東西，它可以隨意安排你的層的疊加問題。如你想讓紅色矩形壓在藍色矩形上，正常布局先建立乙個紅色的再建議乙個藍色的，就可以了。但如果我相反來建立，那麼就得借助z index方法了。用z index需要先加position absolute relative定位，不然是不起...
關於設定z index層級無效的問題
最近在寫乙個小專案，遇到很多小細節的問題，果然還是要實戰才能知道自己的不足之處啊 回歸正題，我在乙個div明明設定了屬性z index，但是為什麼在網頁上顯示無效呢？首先排除設定的層級不夠的問題 然後我就去 w3school 查詢了才知道問題所在。先來看官方給的定義的用法 z index 屬性設定元...
z index相關問題
1 啟用z index z軸在元素設定position為absolute或relative後被啟用 2 flash的z index問題 瀏覽器解析頁面時，會判斷元素型別，即是否為視窗型別，如果是視窗型別則優先顯示於非視窗型別的元素，顯示在頁面最頂端。flash有個屬性wmode window 視窗 ...