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

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;}