表格中的显示按钮悬停在鼠标悬停上方

Question

我正在asp.net中构建一个Dashboard应用程序。我在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;
}

<强> demo link