在CSS中，你可以通過:hover偽類來實現(xiàn)鼠標(biāo)懸停時文字上出現(xiàn)圖片的效果，以下是一個簡單的示例：

HTML代碼：

<div class="image-on-hover">
  <p>鼠標(biāo)懸停在這里</p>
  <img src="image.png" alt="圖片" />
</div>

CSS代碼：

.image-on-hover {
  position: relative;
  width: 200px;
  height: 100px;
}
.image-on-hover p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.image-on-hover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.image-on-hover:hover img {
  opacity: 1;
}

在這個示例中，我們創(chuàng)建了一個名為.image-on-hover的類，用于包含文字和圖片，文字位于上層，圖片位于下層，當(dāng)鼠標(biāo)懸停在.image-on-hover上時，圖片會變?yōu)榭梢?，通過改變圖片的透明度來實現(xiàn)。