【问题标题】:Show Button in Table Cell Hover Over/Mouse Over在表格单元格中显示按钮 悬停/鼠标悬停
【发布时间】:2012-05-12 14:35:02
【问题描述】:

我正在 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>

谢谢

【问题讨论】:

  • td 中使用DIV 很容易让您遇到尺寸/布局问题。
  • 我应该使用 代替 div 吗?
  • 我根本不会使用表格,特别是如果您有一个简单的模板要处理。表格是针对价格的 :) 和没有人阅读的规格 :D

标签: c# javascript jquery asp.net css


【解决方案1】:

老式的方式:CSS:

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

demo link

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签