在CSS中，可以使用相對(duì)定位（relative positioning）和***定位（absolute positioning）來(lái)實(shí)現(xiàn)圖片在上鏈接在下的效果。

相對(duì)定位是指將元素相對(duì)于其正常位置進(jìn)行定位，而***定位則是將元素相對(duì)于瀏覽器窗口進(jìn)行定位，通過(guò)結(jié)合使用這兩種定位方式，我們可以將圖片放置在鏈接的上方，并且保證圖片的位置始終在鏈接的上方，無(wú)論瀏覽器窗口的大小如何變化。

以下是一個(gè)示例代碼，展示了如何實(shí)現(xiàn)圖片在上鏈接在下的效果：

HTML代碼：

<div class="image-container">
  <img src="image.jpg" alt="圖片" />
  <a href="https://html4.cn">鏈接</a>
</div>

CSS代碼：

.image-container {
  position: relative; /* 相對(duì)定位 */
}
.image-container img {
  position: absolute; /* ***定位 */
  top: 0; /* 圖片距離容器頂部的距離為0 */
  left: 0; /* 圖片距離容器左邊的距離為0 */
}
.image-container a {
  position: relative; /* 相對(duì)定位 */
  top: 50px; /* 鏈接距離容器頂部的距離為50px */
  left: 0; /* 鏈接距離容器左邊的距離為0 */
}

在這個(gè)示例中，圖片和鏈接都位于一個(gè)相對(duì)定位的容器中，圖片使用***定位，使其始終位于容器的頂部，鏈接使用相對(duì)定位，使其位于圖片的下方，通過(guò)調(diào)整top屬性，我們可以控制圖片和鏈接之間的垂直距離。