HTML/jQuery を使用してデータベースからアイテムのテーブルを表示しています。表の最後の列には、いくつかのアクション リンク (削除、編集など) があります。マウスを行の上に置いたときにのみこれらのリンクを表示したいので、テーブルを次のように設定します。
<table class="data" ...>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td class="actions>...</td>
</tr>
</table>
そして私のCSSは次のようになります:
table.data td.actions { visibility: hidden; }
table.data tr:hover td.actions { visibility: visible; }
これは、最初に行の他の列にカーソルを合わせている限りうまく機能します。アクション列があるはずの場所にマウスを移動すると、表示されません。列が非表示になっているため、行のホバーイベントがトリガーされないと推測しています。どうすればこれを修正できますか?