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

1、CSS中zoom:1的做用
在作IE六、IE七、IE8瀏覽器兼容的時候,常常會遇到一些問題,可使用zoom:1來解決,有以下做用:
一、觸發IE瀏覽器的haslayout
二、解決IE下的浮動,margin重疊等一些問題。瀏覽器

2、z-index:auto|number;code

◆auto聽從其父對象的定位對象

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

position屬性中的「後來居上」這個顯示規則是沒有兼容性問題的,因此,要想一個元素上面顯示,直接放後面就能夠了,無需z-index。io

氾濫的z-index既浪費代碼,又不利於後期維護和他人接受,爲什麼不扔掉呢。記住,這個世界上本沒有z-index兼容性


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

意思就是說'z-index' 只有在層有絕對或者相對定位的時候纔會起做用,'z-index' 默認值爲auto。樣式

若是2個或2個以上經過絕對或者相對定位的層有重疊的時候,這個時候'z-index' 的值誰的大就那個層顯示在最上面!直接設置個999或者是比999更大的數值的目的也就是爲了保證該層能一直顯示在最上!margin

相關文章
相關標籤/搜索