如何仅在鼠标悬停时连续显示按钮？

【问题标题】：How to show button in a row only on mouseover?如何仅在鼠标悬停时连续显示按钮？
【发布时间】：2013-01-23 11:31:40
【问题描述】：

我想在最后一列的一行上显示一个关闭按钮（鼠标悬停在该行上）我不希望关闭按钮始终可见，而只是在鼠标悬停时可见。

如果有人有一个例子，将不胜感激。

【问题讨论】：

标签： css jsf user-interface primefaces mouseover

【解决方案1】：

这是一个非常简单的例子

css

table a{
    display: none;
}
table tr:hover a{
    display: inline;
}

和html

<table>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
</table>

【讨论】：

我建议使用不透明度不显示，因为对齐可能会在显示与否之间搞砸。