有些時候，在網頁中會需要使用樣式來控制圖片的層次關系，使得這些圖片能夠按照我們的需求來進行顯示和布局。在這種情況下，就可以使用CSS來進行圖片的層次控制。

/*將圖片放到最上面*/
.z-index-top {
z-index: 9999;
}
/*將圖片放到最下面*/
.z-index-bottom {
z-index: -1;
}
/*設置圖片顯示在指定層級*/
.z-index-custom {
z-index: 10;
}

以上代碼展示了三種常用的CSS樣式來控制圖片的層次關系，它們分別是將圖片放到最上面、最下面以及自定義設置圖片的層級。它們的使用方法非常簡單，只需要在HTML代碼中為需要設置的圖片添加相應的CSS類就可以輕松實現圖層控制。

此外，還可以使用絕對定位來精確控制圖片的位置和層次關系。例如：

/*將圖片固定在頁面的左上角*/
.image {
position: absolute;
top: 0;
left: 0;
}

通過設置圖片的絕對定位、上邊距和左邊距，就可以將圖片精確地放置在頁面的左上角，不受其他元素的影響。

總而言之，CSS可以非常方便地控制圖片的層次關系，使得圖片能夠被更好地呈現在網頁上，同時也可以實現更加個性化的頁面設計效果。