当鼠标悬停在主要区域上时,如何创建一个链接,如 youtube 评论。
我有这段代码 - 但是当鼠标悬停在 .showme 类上时,它不像 showhim 元素那样可见。
<div class="showhim">HOVER ME<div class="showme">hai</div></div>
.showme{
display: none;
}
.showhim:hover .showme{
display : block;
}
最佳答案
也许您希望内部 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
顺便说一下。
关于css - 鼠标悬停时显示div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15507560/