CSS 氣泡:
Z-index 屬性還可以用來實(shí)現(xiàn)基于CSS的提示氣泡,就像下面trentrichardson.com展示的那樣
Light Box:
如果不是因?yàn)閼?yīng)用了z-index 屬性,現(xiàn)在也不會(huì)有那么多的品質(zhì)優(yōu)秀的Light Box腳本可以免費(fèi)使用,比如說JQuery的一個(gè)插件FancyBox。
Light box 腳本使用半透明的PNG圖片來使背景變暗,之后拿來一個(gè)新的元素,經(jīng)常會(huì)使用類似窗口的DIV,將之放置在前排。覆蓋住屏幕的PNG和之后的DIV都使用Z-index 屬性以確保這2個(gè)元素會(huì)位于頁(yè)面其他元素之上。
下拉菜單:
類似于Brainjar’s classic Revenge of the Menu Bar的下拉菜單使用Z-index以確保菜單的按鈕和他們的下拉項(xiàng)位于層疊的頂部。
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁(yè) 全透視:CSS Z-index 屬性 [4] 下一頁(yè) 全透視:CSS Z-index 屬性 [6]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|