我的 HTML 代码遇到问题。当您将鼠标悬停在表中的一行上时，我试图显示一个按钮。现在，该按钮仅在您将鼠标悬停在它附近时显示，但我需要它在您将鼠标悬停在该行上的任何位置时显示。谁能帮助解释如何做到这一点？
.button {
opacity: 0;
}
.button:hover {
display: inline-block;
opacity: 1;
}<table>
<tr>
<div class="button">
<a href="#"></a>
</div>
<td><img src="/app/images/todo/todos_incomplete_blue.svg" /></td>
<td>Make a To Do List</td>
<td>Me Myself and I</td>
<td>Whenever I want</td>
<td>69%</td>
<td>
<div class="button">
<img src="/app/images/master/actions_btn.svg" />
<a href="#"></a>
</div>
</td>
</tr>
</table>