在網頁設計中，常常需要使用圖片來裝點頁面，但是有時候我們希望把多張圖片覆蓋在一起，或者是把一張圖片和文字混合在一起，這時候我們就需要使用覆蓋技術。

CSS的position和z-index屬性可以幫助我們實現圖片覆蓋效果。首先，我們需要設置被覆蓋的元素的position屬性為relative或absolute，然后再設置覆蓋在上面的元素的position屬性為absolute。接著，通過z-index屬性設定覆蓋元素的堆疊順序，值越大的元素會在值小的元素上面顯示。

.parent{
position: relative;
}
.child{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

通過上面的代碼，我們可以讓child元素覆蓋在parent元素上方。

除了覆蓋效果，我們還可以使用背景圖片來實現一些比較復雜的布局效果。例如，我們可以通過background-image和background-position屬性，把多個背景圖片組合在一起，實現類似拼貼的效果。

.box{
background-image: url('bg1.jpg'), url('bg2.jpg'), url('bg3.jpg');
background-position: top left, center center, bottom right;
background-repeat: no-repeat;
}

上面的代碼可以讓三張背景圖片重疊在一起，分別位于左上角、居中和右下角。

總之，通過巧妙地利用CSS特性，我們可以輕松實現各種圖片覆蓋和復合布局效果，讓網頁設計更加生動有趣。