圆圈div与信息，悬停显示所有信息

Question

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

我最初尝试做的是创建div width: 170px和height: 170px，在我的CSS中设置一个圆圈作为背景，然后class:hover调出文本。< / p>

我在尝试此操作时意识到，我无法隐藏某些文字“隐藏”在我背后的 Normal 图片中的“背后”。

最好的办法是什么？

Answer 1

使img浮动在文本顶部（使用CSS绝对定位），使圆圈的内部透明。有关详细信息，请参阅here。