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

时间:2013-01-23 11:31:40

标签: css jsf user-interface primefaces mouseover

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

enter image description here

如果有人有一个非常感激的例子。

1 个答案:

答案 0 :(得分:6)

这是一个非常简单的例子

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>