在CSS中，可以使用z-index屬性來設(shè)置圖層的堆疊順序。z-index值較高的圖層會(huì)覆蓋在值較低的圖層上，以下是一些關(guān)于如何在CSS中設(shè)置圖層排序的示例：

1、設(shè)置單個(gè)元素的z-index：

你可以通過CSS樣式直接設(shè)置一個(gè)元素的z-index值，如果你想要將元素A放在元素B的上面，你可以給元素A設(shè)置一個(gè)更高的z-index值。

```css

.elementA {

z-index: 2;

}

.elementB {

z-index: 1;

}

```

2、使用偽元素設(shè)置z-index：

如果你想要調(diào)整偽元素（如::before或::after）的堆疊順序，你也可以使用z-index屬性，如果你想要讓偽元素出現(xiàn)在元素內(nèi)容的上方，你可以這樣設(shè)置：

```css

.element {

position: relative;

z-index: 1;

}

.element::before {

content: "偽元素";

position: absolute;

z-index: 2;

}

```

3、調(diào)整子元素的堆疊順序：

如果你想要調(diào)整子元素的堆疊順序，可以通過設(shè)置每個(gè)子元素的z-index來實(shí)現(xiàn)，如果你想要讓子元素B出現(xiàn)在子元素A的上方，你可以這樣設(shè)置：

```css

.parent {

position: relative;

}

.childA {

position: absolute;

z-index: 1;

}

.childB {

position: absolute;

z-index: 2;

}

```

4、使用flex布局調(diào)整堆疊順序：

如果你使用的是flex布局，可以通過設(shè)置order屬性來調(diào)整堆疊順序。order值較小的元素會(huì)出現(xiàn)在堆疊順序的上方。

```css

.container {

display: flex;

}

.itemA {

order: 1;

}

.itemB {

order: 2;

}

```

通過以上方法，你可以在CSS中靈活地設(shè)置圖層的堆疊順序，實(shí)現(xiàn)你想要的效果。