在網(wǎng)頁設(shè)計中，圖片的排版與布局是非常重要的一部分。CSS 正是一種強大的工具，它可以用來調(diào)整圖片的層疊關(guān)系，實現(xiàn)各種復(fù)雜的布局要求。 在 CSS 中，層疊關(guān)系是通過 z-index 屬性來控制的。z-index 屬性值為正整數(shù)，值越高的元素在層疊時越靠上。當(dāng)然，也可以為 z-index 屬性指定負(fù)值，這時元素在層疊時就會被放置在最下層。 舉個例子，假如網(wǎng)頁中有兩個圖片 img1 和 img2，需要讓 img2 覆蓋在 img1 上面，可以通過如下代碼實現(xiàn)：

img1 {
position: relative;
z-index: 1;
}
img2 {
position: absolute;
z-index: 2;
top: 0;
left: 0;
}

代碼中，img1 和 img2 都被設(shè)置了定位 position 屬性，因為 z-index 屬性只對定位元素生效。img1 的 z-index 值為 1，而 img2 的 z-index 值為 2，這樣就實現(xiàn)了 img2 覆蓋在 img1 上面的效果。 另外，需要注意的是，z-index 屬性只對同一層級的元素生效。如果要實現(xiàn)嵌套的層疊關(guān)系，必須為父元素指定 z-index 值。 總之，通過靈活使用 z-index 屬性，可以很容易地實現(xiàn)各種圖片排版與布局效果。當(dāng)然，這只是 CSS 技術(shù)中的冰山一角，還有很多更加高級的圖片排版技術(shù)，需要我們深入學(xué)習(xí)和掌握。