怎样在鼠标悬停时在图像上方应用文本？

你可以使用CSS和JavaScript来实现在鼠标悬停时在图像上方应用文本的效果。以下是一个示例代码：

HTML代码：

<div class="container">
  <img src="your-image.jpg" alt="Your Image">
  <div class="text-overlay">
    <p>Hover Text</p>
  </div>
</div>

CSS代码：

.container {
  position: relative;
  display: inline-block;
}

.text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
  opacity: 0;
  transition: opacity 0.5s;
}

.container:hover .text-overlay {
  opacity: 1;
}

通过上面的代码，当鼠标悬停在图像上时，会在图像上方显示一个半透明的背景，并显示文本。

你需要将your-image.jpg替换为你自己的图像路径，Hover Text替换为你想要显示的文本。

你可以将这段代码嵌入到你的网页中，然后根据需要调整样式和文本内容。