表格单元格悬停/鼠标悬停中的显示按钮

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;
}

演示链接