javascript - 如果鼠标离开父元素则隐藏元素

Question

我有两个 div，父级比方说 100*100px 小。当用户将鼠标悬停在父级上时，会出现一个带有内容的小弹出窗口(绝对定位到一侧)。这个 div 就像一个工具提示，是 100px div 的子元素。现在，当用户离开父级 div 时，子级应该隐藏 - 即使鼠标离开父级 100px * 100px 区域。

我怎样才能做到这一点？

Answer 1

您可以轻松地将 css 样式分配给父元素的 :hover

.tooltip {
    display: none;
}
:hover .tooltip {
    display: block;
}