帶信息的div圈，懸停時顯示所有信息

Question

我想將三個圓形div彼此相鄰（這不是問題）。 在圓圈的底部，將顯示我的信息文本的第一個單詞。 懸停時，信息文本將上升，因此您可以閱讀全文：

我最初嘗試做的是創建一個div width: 170px和height: 170px ，在我的CSS中設置一個圓圈作為背景，並執行class:hover來顯示文本。

嘗試執行此操作時，我意識到，我無法像上面上面發布的“ 普通圖片”一樣，將某些文本隱藏在圓圈“后面”。

最好的方法是什么？

Answer 1

使img浮動在文本的頂部（使用CSS絕對定位），使文本的內部透明。 有關更多信息，請參見此處 。