CSS上下層（z-index）是一個很重要的概念，它可以讓我們控制頁面元素的疊放順序。下面我們來詳細了解一下這個概念。 首先，我們需要知道每個頁面元素都有一個默認的上下層順序，比如普通的div會被背景圖片遮擋，而position:absolute或者position:relative的元素則會覆蓋一部分內容。但是在一些情況下，我們需要手動控制元素的上下層關系，這時候，我們就需要使用z-index屬性了。 z-index屬性可以設置一個元素的“z-index值”，值越大的元素會覆蓋在值較小的元素之上。簡單來說，它就是一個類似于層級關系的概念。 下面是一個示例，我們通過設置z-index來控制兩個圖片的顯示順序： `````` 上面的代碼中，我們將img1的z-index設為1，而img2的z-index設為2，這樣的話，img2就會覆蓋在img1之上。 需要注意的是，z-index只對設置了position屬性的元素生效，因為疊放順序和元素的位置關系密切相關。此外，z-index的取值范圍是整數，而且不建議過度使用，因為過多的層級關系會導致頁面渲染變慢。 最后，希望通過本文，大家對CSS上下層（z-index）有更加深入的理解。