CSS可以讓我們實現很多有趣的效果，比如將一個圖片浮動在另外一個圖片的上方，讓人感覺像是它們有所關聯。下面我們來看看如何使用CSS實現這種效果。

.container {
position: relative;
}
.image1 {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.image2 {
position: relative;
z-index: 2;
}

首先我們需要有一個容器（`.container`），然后在容器中放置兩個圖片（`.image1`和`.image2`）。`.image1`是需要浮動在上方的圖片，我們需要將它的`position`設為`absolute`，表示以容器為參考系進行定位，并將它的`top`和`left`設為`0`，表示在容器的左上角。我們還需要將它的`z-index`設為1，讓它在`.image2`之上。

接下來我們需要將`.image2`的`position`設為`relative`，這樣它才能根據`.container`的位置進行定位。然后我們將它的`z-index`設為2，表示它在`.image1`之下。這樣就完成了圖片浮動在另外一張圖片上的效果。