我想显示一个关闭按钮,显示在最后一列的一行上(当鼠标悬停在该行上时) 我不希望关闭按钮始终可见,而只是鼠标悬停。
如果有人有一个非常感激的例子。
答案 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>