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

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

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