說起Z-index屬性它只能在給定的環境下才工作。Z-index屬性也肯定的比其他任何屬性都會頻繁的導致（相容性）上的混亂，一旦你真正理解了Z-index屬性，你會發現它卻是一個非常方便且容易使用的屬性。
Z-index屬性決定了一個HTML元素的層疊層級。元素層疊層級是相對於元素在Z軸上（與X軸Y軸相對照）的位置而言。一個更高的Z-index值意味著這個元素在疊層順序中會更靠近頂部。這個層疊順序沿著垂直的線軸被呈現。如，更能清楚的表明意思。 下面先來看一下z-index屬性的值： z-index:auto | numberauto:預設值number:無單位的整數值，可為負數。z-index值較大的元素將疊加在z-index值較小的元素之上，對未指定此屬性的定位對像，z-index值為正數的對象會在其之上，而z-index值為負數的地像在其之下。 下面來講講：
定位元素間的Z值比較及z-index在不同瀏覽器下預設值的影響在ie下
預設值(預設)為：
z-index:0; 而FF下則預設為：
z-index:auto; 1.
z-index正是IE/FF下這一點區別導致ie,ff下z值的不同表現。 2. 正常情況下：兄弟（同級）元素
後者居上，父子之間
子高於父。 3. 對於定位元素，（不論IE還是FF）非同級關係和非父子關係元素之間的Z值大小比較，須要回溯至其為兄弟關係的兩個祖先元素上，先比較這兩個元素的z- index值，只有當“兄”的z-index大於“弟”的z-index值，“兄”的各個後代元素，才能超過“弟元素”及其子孫元素。
4. 對於IE,元素的z-index預設值是0，如果不另外設定“兄”，“弟”元素的z-index值，那麼”兄”的z-index就無法大於“弟”的z- index。那麼”兄”元素及其子孫就無法蓋過”弟”元素及其子孫。而一旦“兄”的z-index大過了”弟”元素的z-index,那麼情況就翻轉了，“弟”元素及其子孫將無法蓋過“兄”元素及其子孫。
而對FF,元素的z-index預設值是auto,auto的意思是什麼，就是說“隨便，不關我事”，那麼子孫們的z值等級就只跟他們自己本身的z-index有關了。 z-index執行個體分析:http://www.po-soft(listly).com/blog/listly/456.html (聲明:地址中去掉 (listly) )
