5.5 疊放文字和圖象

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

z-index

當(dāng)你定位多個(gè)要素并將其重疊時(shí)，你可以使用z-index來(lái)設(shè)定哪一個(gè)要素應(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í)行這一項(xiàng)時(shí)會(huì)出問(wèn)題，它會(huì)將<H1>放在最上面。

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

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