css中zoom:1以及z-index的作用

標籤：ati   表示   css   pos   引入   負數   位置   position   相對   

一、CSS中zoom:1的作用
在做IE6、IE7、IE8瀏覽器安全色的時候，經常會遇到一些問題，可以使用zoom:1來解決，有如下作用：
1、觸發IE瀏覽器的haslayout
2、解決IE下的浮動，margin重疊等一些問題。

二、z-index:auto|number;

◆auto遵從其父物件的定位

◆number無單位的整數值。可為負數

position屬性中的“後來居上”這個顯示規則是沒有相容性問題的，所以，要想一個元素上面顯示，直接放後面就可以了，無需z-index。

泛濫的z-index既浪費代碼，又不利於後期維護和他人接受，為何不扔掉呢。記住，這個世界上本沒有z-index。

CSS樣式，把z-index設定為999或很大，是什麼意思？z-index是針對網頁顯示中的一個特殊屬性.因為顯示器是顯示的圖案是一個二維平面,擁有x軸和y軸來表示位置屬性.為了表示三維立體的概念如顯示元素的上下層的疊加順序引入了z-index屬性來表示z軸的區別.表示一個元素在疊加順序上的上下立體關係.根據 W3C CSS2.1 規範中的描述，‘z-index‘ 應用於定位元素（ ‘position‘ 特性不是 static ），它接受整數值，預設值為 auto。

意思就是說‘z-index‘ 只有在層有絕對或者相對定位的時候才會起作用，‘z-index‘ 預設值為auto。

如果2個或2個以上通過絕對或者相對定位的層有重疊的時候，這個時候‘z-index‘ 的值誰的大就那個層顯示在最上面！直接設定個999或者是比999更大的數值的目的也就是為了保證該層能一直顯示在最上！

css中zoom:1以及z-index的作用