CSS中的z-index屬性用于設置元素在z軸方向上的層級關系，決定元素在視覺上的疊放順序。其中，z-index屬性只對定位元素有效。

在CSS中，通過設置z-index的值來控制元素的疊放順序，數值越大的元素就會蓋住數值較小的元素。如果兩個元素的z-index相同，則后面的元素會蓋住前面的元素。

對于一個圖片元素，設置它的z-index可以使它在頁面上處于前景或者背景。

img.front {
position: absolute;
z-index: 2;
}
img.background {
position: absolute;
z-index: 1;
}

上述代碼中，img.front元素使用了z-index的值2，使其處于最上層，而img.background元素的z-index值為1，則處于較低的層級上。

需要注意的是，對于多個元素的疊放順序，如果它們的定位位置不同，則無論它們的z-index值如何，它們的疊放順序也會變化。在這種情況下，可以通過改變定位位置以及z-index的值，來調整元素的疊放效果。