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

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

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

只有一件事:也许你用 IE 6 测试过。来自 Redmond 的肮脏的不知道 :hover在 <a/> 以外的元素上.他不知道display: inline-block顺便说一下。