html - div 悬停效果内的 z-index 工具提示

标签 html css z-index

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

在那个 div 中,我使用了工具提示 ( tipso )。这只有在我给它一个 z-index 为 2(或更大)时才可见,但是当我(不小心)将鼠标悬停在工具提示气泡上时,div 的扩展悬停效果消失了。

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

我试图给工具提示一个 z-index 为 1 但它根本没有显示。

有什么想法吗?

最佳答案

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

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

关于html - div 悬停效果内的 z-index 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36438292/

相关文章:

javascript - 仅使用 javascript 动态验证表单

animation - IE10 - CSS 动画不工作

html - Vapor 从 MySQL 渲染 html

javascript - ExpressJs 配置 html 和 css 页面

css - 改变网页的主题颜色

jquery - 如何使用CSS缩放IE8中的背景图像

css - 在 IE 6 和 7 中使用列表和表格进行绝对定位/Z-Index 时遇到问题

jquery - IE 6 和 IE 7 中的 z 索引

ios - 对下层对象执行手势

javascript - 视频列表播放器?