表格單元格懸停/鼠標懸停中的顯示按鈕

Question

我正在asp.net中構建儀表板應用程序。 我在div標簽中放置了3個輸入按鈕。 當用戶將鼠標懸停在表格單元格上方時，我希望按鈕顯示出來。 如何使用.css，javascript或jQuery完成此操作？

我的HTML看起來像這樣：

<td id="bold_cell1" valign="top" width="33%" Height="33%">
    <div id="buttonBlock">
        <input type="button" id="btnAdd" value="Add" style="font-size:8px" />
        <input type="button" id="btnEdit" value="Edit" style="font-size:8px" />
        <input type="button" id="btnDelete" value="Delete" style="font-size:8px" />
    </div>
</td>

謝謝

Answer 1

老式的方式：CSS：

#buttonBlock input{
   display:none;
}
#bold_cell1:hover #buttonBlock input{
   display:block;
}

演示鏈接