让悬停区域消失

Question

video - 如何保持悬停时显示的区域消失？

谢谢

Answer 1

你只提供非常少的代码（我在说什么？我的意思是无 ...... ）并且视频没有代码帮助，但我可以建议解决我认为你遇到的问题，即你正在移动悬停图像，因此隐藏了悬停的框。

当鼠标悬停在child上时，不要只显示parent div，而是在将鼠标悬停在child 和上时显示parent div将鼠标悬停在child上方。这意味着，只有当您离开parent 和 child后才能隐藏孩子，但只要您将鼠标悬停在child上，就会显示parent只是<parent> Hover over this... <child>.. to show this.</child> </parent> 。

示例HTML

parent child {
    display: none;
}
parent:hover child,
parent child:hover {
    display: block;
}

CSS示例

child

现在你的悬停将继续，直到你离开这两个元素，再次隐藏parent，因此它不会触发悬停，直到它被{{1}}触发。