CSS中，我們可以使用background-image屬性直接將一張圖片作為背景放置在元素中。但是，有時候我們需要讓一個圖片嵌在另一個圖片之上，這時候該怎么做呢？下面，我們就來詳細講解。

.container{
position: relative;
}
.container img{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.container .overlay{
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-image: url("overlay.png");
}

上述代碼中，我們首先將圖片的父元素設置為"position: relative;"，這是為了作為子元素定位的基準。接著，我們設置子元素的定位屬性：
1. 子圖片先要用"position: absolute;"將它的位置固定在父元素的左上角。
2. 再用"z-index: 1;"將其放到最底層。
3. 帶有圖片的覆蓋層也要用"position: absolute;"進行定位，且"z-index: 2;"放在上層。
4. 最后，使用"background-image: url( )"將要覆蓋上去的圖片作為背景。

這樣就實現了一個圖片上有圖片的效果。當然，需要注意的是，這種方法雖然簡單易用，但是使用得當才能發揮出最好的效果。