在CSS中，可以使用背景圖片或顏色來裝飾一個元素的背景。但是有時候，我們需要讓子元素的背景全屏展示，這時候該怎么做呢？

其實很簡單，只需要使用定位和z-index屬性，就可以實現(xiàn)子元素的背景全屏展示。

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('image.jpg') no-repeat center center;
background-size: cover;
z-index: -1;
}

以上是一個簡單的例子，父元素設置為relative定位，子元素設置為absolute定位，并將top、left、right、bottom設置為0，這樣子元素就會占滿整個父元素的空間。然后再給子元素設置背景圖片，并將z-index屬性設置為負數(shù)，這樣子元素就會在父元素下方，實現(xiàn)子元素的背景全屏展示。

這個方法也適用于多層嵌套的子元素，只需要將最外層子元素的z-index設置為最小值即可。

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.grandchild {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('image.jpg') no-repeat center center;
background-size: cover;
z-index: -2;
}

總之，使用定位和z-index屬性可以很輕松地實現(xiàn)子元素的背景全屏展示，為頁面的美觀度和用戶體驗增添更多的樂趣。