CSS實(shí)現(xiàn)鼠標(biāo)移到圖片上有字的效果，可以通過(guò)添加鼠標(biāo)懸停樣式來(lái)實(shí)現(xiàn)，以下是一個(gè)簡(jiǎn)單的示例代碼：

<img class="image-with-text" src="image.jpg" alt="Image with text">

.image-with-text {
  position: relative;
  display: inline-block;
}
.image-with-text:hover {
  z-index: 1;
}
.image-with-text:hover::after {
  content: "鼠標(biāo)移到圖片上顯示的文字";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
  text-align: center;
  line-height: 2;
  z-index: 2;
}

在這個(gè)示例中，我們給圖片添加了一個(gè)鼠標(biāo)懸停樣式，當(dāng)鼠標(biāo)移動(dòng)到圖片上時(shí)，會(huì)顯示一個(gè)包含文字的層，這個(gè)層使用***定位，覆蓋在圖片上方，并設(shè)置了一個(gè)半透明的背景色和居中的文字，我們還給圖片添加了一個(gè)相對(duì)定位，以確保圖片在文檔流中的位置不變。

你可以根據(jù)自己的需求調(diào)整這個(gè)示例代碼，比如改變文字的顏色、字體大小等樣式，希望這個(gè)示例能夠幫助你實(shí)現(xiàn)鼠標(biāo)移到圖片上有字的效果。