|
Firefox 2中的負(fù)值：
在Firefox2版本中，一個(gè)負(fù)的Z-index值會(huì)使元素位于stacking context的后面，而不是位于公認(rèn)的背景和邊框這樣的元素stacking context之前。下面的截圖展示了這個(gè)Firefox 2的BUG。
下面的是上面截圖的HTML版本（限于目前博客所限，做不到能夠像Smashing Magazine那樣的內(nèi)容部分顯示code demo，需要查看原始實(shí)例請(qǐng)去原文章查看） ，如果你在Firefox 3或者其他目前正在被使用的瀏覽器中查看，你會(huì)看到正常的解析結(jié)果：灰色BOX的背景（元素stacking context的基底）出現(xiàn)在所有實(shí)物的下面，并且灰色BOX內(nèi)部的文字出現(xiàn)在藍(lán)色BOX的上面。
普遍應(yīng)用的展示
對(duì)頁(yè)面中的元素應(yīng)用z-index屬性可以非常便捷的解決各種各樣的layout挑戰(zhàn)，同時(shí)使得設(shè)計(jì)者可以在他們的設(shè)計(jì)中使用層疊的項(xiàng)目進(jìn)行更多的創(chuàng)造。
交錯(cuò)的滑動(dòng)門菜單：
一個(gè)對(duì)這個(gè)CSS屬性實(shí)際應(yīng)用的案例：CTCOnlineCME 這個(gè)網(wǎng)站對(duì)“正被點(diǎn)擊”的tab使用Z-index屬性及清晰交錯(cuò)的PNG圖片，創(chuàng)造出非常好的效果。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 全透視:CSS Z-index 屬性 [3] 下一頁(yè) 全透視:CSS Z-index 屬性 [5]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 4 頁(yè) 全透視:CSS Z-index 屬性 [4]
