在網(wǎng)頁(yè)設(shè)計(jì)中，有時(shí)會(huì)需要將多張圖片重疊顯示。CSS樣式中就有一個(gè)屬性可以實(shí)現(xiàn)此功能，那就是z-index。

z-index屬性指定元素的堆疊次序，數(shù)值越大，顯示在最上層。

img {
position: absolute;
z-index: 1;
}
img:hover {
z-index: 2;
}

上述代碼會(huì)使鼠標(biāo)懸停在圖片上時(shí)，該圖片會(huì)自動(dòng)移到最上層。注意，需要加上position：absolute屬性，否則zindex屬性不起作用。

當(dāng)重疊圖片較多時(shí)，可能會(huì)出現(xiàn)不理想的情況。比如某些圖片顯示不在預(yù)期位置上，或者某些圖片被遮蓋無法顯示。

這時(shí)就需要根據(jù)實(shí)際情況進(jìn)行一些小調(diào)整，例如通過改變?cè)氐牟季址绞剑╬osition屬性）、修改元素的z-index值等，來解決圖片重疊的問題。