【问题标题】:z-index tooltip inside div hover effectdiv 悬停效果内的 z-index 工具提示
【发布时间】:2016-04-05 22:35:46
【问题描述】:

在一个 div 项目上,我有一个扩展的悬停效果,因此它变得更高、更宽,并且阴影使它的 z-index 为 1,因此它出现在其他 div 项目之上。

在那个 div 中,我使用了一个工具提示 (tipso)。这仅在我将 z-index 设置为 2(或更大)时可见,但当我(意外)将鼠标悬停在工具提示气泡上时,来自 div 的扩展悬停效果消失了。

当然非常合乎逻辑,因为工具提示气泡具有更高的 z-index。

我尝试将工具提示的 z-index 设为 1,但它根本没有显示。

有什么想法吗?

【问题讨论】:

  • 你能发布你的 html、css 和/或 jsfiddle 吗?

标签: html css z-index


【解决方案1】:

我不知道你是怎么做的 - js 或 css。 但要实现这种行为,您可能必须使用 javascript。

如果工具提示位于 div 内,mouseentermouseleave 事件可能是您的最佳解决方案。

【讨论】:

  • 对不起,我添加了标签 CSS,所以我认为这很清楚。有没有办法用CSS解决这个问题?顺便说一句,我用我正在使用的工具提示的链接更新了原始问题。
猜你喜欢
  • 1970-01-01
  • 2022-01-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-21
相关资源
最近更新 更多