在CSS中，可以使用`z-index`屬性來設置圖層的優(yōu)先級，`z-index`屬性指定了元素在層疊上下文中的堆疊順序，一個元素可以覆蓋另一個元素，覆蓋的順序由`z-index`的值決定。

### 如何設置`z-index`

1. 內聯樣式：可以直接在HTML元素中使用`style`屬性設置`z-index`。

```html

```

2. 內部樣式表：可以在CSS樣式表中設置`z-index`。

```css

.top-div {

z-index: 100;

}

.bottom-div {

z-index: 50;

}

```

3. 外部樣式表：同樣可以在外部CSS文件中設置`z-index`。

### 注意事項

1. 值越大，優(yōu)先級越高：`z-index`的值越大，該元素在層疊上下文中的優(yōu)先級越高。

2. 相對定位：如果元素使用了`position: relative`，則`z-index`會相對于其正常位置的其他元素。

3. ***定位：如果元素使用了`position: absolute`，則會脫離文檔流，其`z-index`與其他元素的相對關系由***近的相對定位（relative）或固定定位（fixed）的祖先元素決定。

### 示例

```html

```

在這個示例中，盡管第二個`div`的`z-index`值更大，但由于它們都是相對定位，且沒有其他的相對定位或固定定位的祖先元素，因此第二個`div`會覆蓋***個`div`，如果有其他相對定位或固定定位的祖先元素，情況會有所不同。