z-index它可真是一個神奇的東西,它可以隨意安排你的層的疊加問題。
如你想讓紅色矩形壓在藍色矩形上,正常布局先建立一個紅色的再建議一個藍色的,就可以了。
但如果我相反來建立,那么就得借助z-index方法了。
用z-index需要先加position:absolute/relative定位,不然是不起作用的。
z-index 是要考慮父級的,如果父級z-index為2,那么子級為200也不會覆蓋住父級z-index為4子級為2的圖層的。
在標准瀏覽器中,對父級的要求不是特別高,同級的對應上z-index可以了。但要注意的是
父級里放一個子級那么父級是無法放在子級之上的,需要放在同一級別中才可以(經過測試的)
IE6對z-index上對父級的要求是比較高的,如果兩個級別在標准瀏覽器中雖然好了,但IE6需要對父級也加上z-index
不然上一行中所加的z-index會無法覆蓋下面的圖層。所以在做的時候,需要給下一行的父級加上z-index
(
前兩天又研究了一下這個問題,所以需要在這個給予更加詳細的說明。因為在IE6中需要給父級添加 z-index
這樣子下面的子級就會被上面的覆蓋,所有要動態的改變一下,當經過的時候,當前的z-index增加,其它的為0.反之亦是。
【
設置為1都不行,因為父級的權限最高】) 還有一點就是,IE6、7如果沒有給帶有定位指定z-index的話,那么它會auto創建一個層疊上下文
當然熟練了也就知道這些問題了,但百密中有一疏,所以做好在遇到這樣問題的時候,多測試幾下。不然改起來真的很累人的。
##轉載請附加此文博客地址(小數)[http://www.cnblogs.com/mcat/]