【问题标题】:Keep hover area from disappering保持悬停区域不消失
【发布时间】:2014-10-28 16:38:01
【问题描述】:

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

谢谢

【问题讨论】:

  • 嗯,通过添加display: block 或任何你用来在你悬停的元素上取消隐藏它的东西(所以不仅仅是parent:hover child { show },而是parent:hover child, child:hover { show })?但这真的很小。您能否将您的代码简化为一个简单的示例并将其发布,以便我们告诉您究竟是什么让您感到困惑?

标签: html css hover


【解决方案1】:

您只提供了非常少的代码(我在说什么?我的意思是没有...)并且视频在代码方面没有帮助,但我可以为我认为您遇到的问题提出一个解决方案,即您正在离开悬停图像,因此悬停的框被隐藏了。

将鼠标悬停在parent 上时不仅显示child div,而是将鼠标悬停在parent 上时显示child div 和 悬停在child 上时。这意味着只有在您离开 parent 和 child 时,孩子才会被隐藏,但只要将鼠标悬停在 parent 上,就会立即显示 child。

示例 HTML

<parent>
    Hover over this...
    <child>.. to show this.</child>
</parent>

示例 CSS

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

现在您的悬停将继续,直到您离开这两个元素,再次隐藏 child,因此它不会触发悬停,直到它被 parent 触发。

【讨论】:

    猜你喜欢
    • 2013-03-28
    • 2016-05-08
    • 2018-03-31
    • 1970-01-01
    • 2015-08-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-11-26
    相关资源
    最近更新 更多