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


一、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更大的數值的目的也就是為了保證該層能一直顯示在最上!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM