dw鼠标停在图片上显示文字

要实现当鼠标停在图片上时显示文字的效果，可以使用HTML和CSS来完成。具体实现方法如下：

1. 在HTML中，将图片和要显示的文字包裹在一个div标签中，例如：

<div class="img-text">
  <img src="图片地址" alt="图片描述">
  <p class="text">要显示的文字</p>
</div>

2. 使用CSS设置鼠标悬停时文字的显示和隐藏，例如：

.img-text {
  position: relative;
}
.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.img-text:hover .text {
  opacity: 1;
}

解释一下上述代码的含义：

- 将包裹图片和文字的div标签设置为相对定位，为后面绝对定位的文字做准备。
- 设置要显示的文字的样式，将其绝对定位在图片的中心位置，并设置opacity为0，即初始状态下隐藏文字。
- 使用CSS的过渡动画效果，将文字的opacity属性在0.3秒的时间内从0变为1，实现悬停时文字的显示效果。
- 最后，使用:hover伪类选择器，当鼠标悬停在包裹图片和文字的div标签上时，触发文字的显示效果。

这样，当鼠标停在图片上时，就会显示出设置的文字了。