鼠标悬停时显示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上显示:hover的内部div，请使用

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

只有一件事：也许你已经使用IE 6进行了测试.Redmond的脏版本对:hover以外的元素不了解<a/>。顺便说一下，他不知道display: inline-block。