5.5 疊放文字和圖象

下面我將要談到我一直吹噓的在頁面上重疊要素的方法。它不是通過設(shè)定邊距負(fù)值或采用更小的行高來實現(xiàn)，而是通過......

z-index

當(dāng)你定位多個要素并將其重疊時，你可以使用z-index來設(shè)定哪一個要素應(yīng)出現(xiàn)在最上層。

H2 { position: relative; left: 10px; top: 0px; z-index: 
10 }H1 { position: relative; left: 33px; top: -35px; z-index: 1 }

觀察這條CSS規(guī)則的執(zhí)行效果（我將<H2>的文字設(shè)為綠色，以便你觀察其不同之處）：

Stylesheets

Mania

由于<H2>文字的z-index參數(shù)值更高，所以它顯示在 <H1>文字的上面。（IE 4在MAC機(jī)上執(zhí)行這一項時會出問題，它會將<H1>放在最上面。

該參數(shù)值使用純整數(shù)。z-index用于絕對定位或相對定位了的要素。

你也可以給圖象設(shè)定z-index。（對于Communicator，最好將 <IMG>標(biāo)簽包在<SPAN>或 <DIV>標(biāo)簽內(nèi)，然后將z-index應(yīng)用到<SPAN>或 <DIV>。）范例。