Javascript 悬停时在img上写入

我想把一个描述文字的图像，而悬停。最好的方法是什么？我需要任何js或css解决方案吗

我的图像不是片段中的div，而是圆形的。悬停img会使其稍微变大，如示例所示

谢谢你的帮助。 .圆圈{ 宽度：150px； 高度：150像素； 背景：黄色； 边界半径：100%； 文本对齐：居中； 显示：内联块； 转换：所有.2易入易出； } .圆圈：悬停{ 转换：scale1.1； } .圆圈{ 宽度：150px； 高度：150像素； 背景：黄色； 边界半径：100%； 文本对齐：居中； 位置：相对位置； 显示：内联块； 转换：所有.2易入易出； } .悬停内容{ 不透明度：0； 最高：50%； 左：50%； 位置：绝对位置； 转化：translateY-50%translateX-50%； 转换：所有.2易入易出； } .圆圈：悬停{ 转换：scale1.1； } .circle:悬停。悬停内容{ 不透明度：1； } 嘿，那里1 嘿，那里2 嘿，3

---

仅使用CSS和HTML属性

.圆圈{ 宽度：150px； 高度：150像素； 文本对齐：居中； 背景：黄色； 边界半径：100%； 位置：相对位置； 显示：内联块； 转换：所有.2易入易出； } .圆圈：悬停{ 转换：scale1.1； } /*新代码*/ .圆圈：之后{ 内容：属性数据描述； 显示：无； 位置：绝对位置； 最高：50%； 背景色：白色； 左：50%； 转化：转化-50%，-50%； } .圆圈：悬停：之后{ 显示：内联块； }

---

您可以通过css轻松做到这一点。那么为什么是js呢？是的，谢谢，这正是我想要的东西，但它在某种程度上不适合图像。我在下面的评论中发布了一个片段。我不知道如何改写它以适应。有吗？谢谢你的时间