css - 鼠标悬停时显示 div

Question

当鼠标悬停在主要区域（如 youtube 评论）上时，如何创建一个显示的链接。

我有这段代码 - 但是当鼠标悬停在 .showme 类上时，它不像 showhim 元素那样可见。

<div class="showhim">HOVER ME<div class="showme">hai</div></div>

.showme{ 
display: none;
}
.showhim:hover .showme{
display : block;
}

Answer 1

也许您希望内部 div 在外部的流动中。在这种情况下使用

.showhim:hover .showme{
    display : inline-block;
}

或者，如果您也想为内部 div 显示内部:hoverdiv，请使用

showme{ 
    visibility: hidden;
}
.showhim:hover .showme{
    visibility: visible;
}

:hover只有一件事：也许您使用 IE 6 进行了测试。来自 Redmond 的肮脏的不知道<a/>. 顺便说一句，他也不知道display: inline-block。