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

<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/

最佳答案

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

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

关于asp.net - anchor 标记在行悬停时不可见，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11582698/