带信息的div圈，悬停时显示所有信息

Question

我想将三个圆形div彼此相邻（这不是问题）。 在圆圈的底部，将显示我的信息文本的第一个单词。 悬停时，信息文本将上升，因此您可以阅读全文：

我最初尝试做的是创建一个div width: 170px和height: 170px ，在我的CSS中设置一个圆圈作为背景，并执行class:hover来显示文本。

尝试执行此操作时，我意识到，我无法像上面上面发布的“ 普通图片”一样，将某些文本隐藏在圆圈“后面”。

最好的方法是什么？

Answer 1

使img浮动在文本的顶部（使用CSS绝对定位），使文本的内部透明。 有关更多信息，请参见此处 。