·史上最便宜的主機空間 ·服務器租用托管首選品牌·服務器托管就找59互聯! ·中國1-3折最新團購大全
·最新淘寶皇冠店折扣收集 ·破解綠色軟件下載
首頁 | 軟件應用 | 操作系統 | 站長大學 | 服 務 器 | 腳本特效 | 圖像設計 | 網站開發 | 網頁制作 | 數 據 庫 | 網管技術 | 軟件開發 | ASP PHP JSP Dreamweaver ASP.Net AJax MSSQL MySQL Flash PS教程 JavaScript Fireworks Html CSS教程 Access XML 壁紙下載
您現在的位置： 學網 >> 網頁設計 >> CSS >> 正文
【CSS】
CSS:z-index在IE中的迷惑
[ 來源：z-index | 作者：CSS技巧 | 時間：2007-4-25 | 去論壇] - -z-index屬性簡介
引用:
z-index : auto | number
auto：默認值。
number：無單位的整數值，可為負數。
z-index 值較大的元素將疊加在z-index值較小的元素之上。對於未指定此屬性的定位對象，z-index 值為正數的對象會在其之上，而z-index 值為負數的對象在其之下。
注意：這個屬性不會作用於窗口控件，如selct 對象。在IE 5.5＋中，iframe 對象開始支持此屬性。而在之前的浏覽器版本中，iframe 對象是窗口控件，會忽略此屬性。
z-index屬性適用於定位元素（position 屬性值為 relative 或 absolute 或 fixed的對象），用來確定定位元素在垂直於顯示屏方向（稱為Z軸）上的層疊順序（stack order）。
每一個定位元素都歸屬於一個stacking context。根元素形成root stacking context，而其他的stacking context則由定位元素產生（此定位元素的z-index被定義一個非auto的z-index值），定位子元素會以這個local stacking context為參考，用相同的規則來決定層疊順序。並且stacking context和 containing block 之間並沒有必然聯系。
當stacking context一樣的時候，就用z-index的值來決定怎樣顯示，如果z-index也相同（即stack level相同），則按照檔中後來者居上的原則（back-to-front ）的順序來層疊。
當任何一個元素層疊另一個包含在不同stacking context元素時，則會以stacking context的層疊級別（stack level）來決定顯示的先後情況。也就是說，在相同的stacking context下才會用z-index來決定先後，不同時則由stacking context的z-index來決定。例如：
定位元素A（z-index:100）裡面有定位元素A1（z-index:300），而定位元素B和元素A兄弟關系（z-index:200）。你會發現無論A1的z-index是多大，也會被z-index是200的B所覆蓋，因為A的z-index只有100。