asp.net - 行悬停时不可见锚标记

Question

<div class="container">
<div class="name">Jack</div>
<a href="#" class="modify">Edit</a>
</div>

.container .modify {display:none}
.container:hover .modify, .container:focus .modify{display:block}

当用户按 Tab 键焦点位于 div 容器上时，将显示编辑链接。但是，如果用户再次按 Tab 而不是专注于编辑链接，则编辑将再次隐藏。我想如果焦点在 div 上并且用户按下选项卡焦点应该继续编辑链接。

请关注http://jsfiddle.net/lakshya85chd/8Y74X/

Answer 1

如果它不显示，则无法将鼠标悬停在其上，因此请使用隐藏的可见性

.container .modify {visibility:hidden;}
.container .modify:hover, .container .modify:focus{visibility:visible;}