解說z-index如何運(yùn)用？
z-index : auto | numberauto：默認(rèn)值。
number：無單位的整數(shù)值，可為負(fù)數(shù)。
z-index 值較大的元素將疊加在z-index值較小的元素之上。對于未指定此屬性的定位對象，z-index 值為正數(shù)的對象會在其之上，而z-index 值為負(fù)數(shù)的對象在其之下。
注意：這個屬性不會作用于窗口控件，如selct 對象。
在IE 5.5＋中，iframe 對象開始支持此屬性。而在之前的瀏覽器版本，iframe 對象是窗口控件，會忽略此屬性。z-index屬性適用于定位元素（position 屬性值為 relative 或 absolute 或 fixed的對象），用來確定定位元素在垂直于顯示屏方向（稱為Z軸）上的層疊順序（stack order）。
每一個定位元素都?xì)w屬于一個stacking context。根元素形成root stacking context，而其他的stacking context則由定位元素產(chǎn)生（此定位元素的z-index被定義一個非auto的z-index值），定位子元素會以這個local stacking context為參考，用相同的規(guī)則來決定層疊順序。并且stacking context和 containing block 之間并沒有必然聯(lián)系。
當(dāng)stacking context一樣的時候，就用z-index的值來決定怎樣顯示，如果z-index也相同（即stack level相同），則按照檔中后來者居上的原則（back-to-front ）的順序來層疊。當(dāng)任何一個元素層疊另一個包含在不同stacking context元素時，則會以stacking context的層疊級別（stack level）來決定顯示的先后情況。也就是說，在相同的stacking context下才會用z-index來決定先后，不同時則由stacking context的z-index來決定。例如：定位元素A（z-index:100）里面有定位元素A1（z-index:300），而定位元素B和元素A兄弟關(guān)系（z-index:200）。
你會發(fā)現(xiàn)無論A1的z-index是多大，也會被z-index是200的B所覆蓋，因?yàn)锳的z-index只有100。
重慶網(wǎng)絡(luò)公司
地址：重慶市渝中區(qū)上清寺鑫隆達(dá)B座28-8
郵編：400015
電話：023-63612462
EMAIL:cnjl_net@163.com
2022 渝ICP備09007657號-7
網(wǎng)警備案號：500103015-00277
