鼠标悬停时显示 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;
}

或者，如果您也想在 :hover 上显示内部 div，请使用

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

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