css 氣泡：
z-index 屬性還可以用來實現基於css的提示氣泡，就像下面trentrichardson.com展示的那樣
如果不是因為應用了z-index 屬性，現在也不會有那麼多的品質優秀的light box指令碼可以免費使用，比如說jquery的乙個外掛程式fancybox。
light box 指令碼使用半透明的png來使背景變暗，之後拿來乙個新的元素，經常會使用類似視窗的div，將之放置在前排。覆蓋住螢幕的png和之後的div都使用z-index 屬性以確保這2個元素會位於頁面其他元素之上。
下拉列表：
類似於brainjar』s classic revenge of the menu bar的下拉列表使用z-index以確保選單的按鈕和他們的下拉項位於層疊的頂部。
全透視 CSS Z index 屬性 1
大多數的css屬性都很容易使用。常常，當您對標記語言的元素使用css屬性時，產生的結果會隨著您重新整理頁面而立即呈現。而另一些css屬性，卻會有一些複雜，且只能在給定的環境下才會工作。z index屬性便屬於上面所說的後面的那一組。z index無疑的比其他任何屬性都會頻繁的導致 相容性 上的混亂和...
CSS z index 屬性詳解
z index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。該屬性設定乙個定位元素沿 z 軸的位置，z 軸定義為垂直延伸到顯示區的軸。z index 屬性值可以是負的,如果為正數，則離使用者更近，為負數則表示離使用者更遠。z index 僅能在定位元素上奏效 p...
深入 css z index 屬性
說來汗顏，一直以來對於 css 常常是不求勝解。直到自己需要打造自己的輪子才發現對z index完全不熟悉。關於z index的問題其實非常少人完全明白它到底是怎麼運作的。事實上這並不複雜，不過如果你不曾花些時間閱讀規範可能你不曾察覺一些重要的觀念。在下面的 html 中我們有三個元素，每乙個元素包...