CSS中的z-index屬性用于控制元素的層級(jí)（即上下位置）。具體來(lái)說(shuō)，z-index值越大的元素，就會(huì)在前面覆蓋z-index值小的元素。在網(wǎng)頁(yè)布局中，正確使用z-index可以避免元素重疊造成的不良影響。

/* 基本用法 */
.element {
position: absolute;
z-index: 10;
}
/* 數(shù)值類(lèi)型 */
.element {
z-index: 0; /* 默認(rèn)值 */
z-index: auto; /* 自動(dòng)層疊順序 */
z-index: -1; /* 負(fù)值，放在文檔流下面 */
z-index: 100; /* 正值，放在其他元素之上 */
}
/* 繼承與優(yōu)先級(jí) */
/* z-index是繼承的，但子元素的z-index可以覆蓋父元素 */
.parent {
z-index: 1;
}
.child {
z-index: 2; /* 高于父元素 */
}
/* 其他注意點(diǎn) */
/* 1、z-index只對(duì)使用了定位的元素有效（如position: absolute/fixed/relative）。 */
/* 2、z-index相等的元素，后面的會(huì)覆蓋前面的。 */
/* 3、在IE6/7中，對(duì)z-index的支持比較奇怪（具體可參考其他資料）。 */

總而言之，z-index是CSS中重要的層級(jí)控制屬性，對(duì)網(wǎng)頁(yè)布局具有重要意義，而且使用也比較簡(jiǎn)單。