jquery - tipr 工具提示 z-index 不工作

标签 jquery html css tooltip

工具提示有问题:我想在 div.container 上显示工具提示,我尝试编辑 z-index(div.container 中为 1,工具提示中为 9999),但没有任何效果。

jsfiddle:http://jsfiddle.net/9mss22xz/

div.tip {
    background-color: #f3f3f3;
    border: solid 1px #cfcfcf;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    height: 55px;
    width: 55px;
    float: left;
    margin: 4px;
    text-align: center;
    position: relative;
}

div#container {
    width: 200px;
    height: 200px;
    overflow-y: scroll;
    border: 2px solid black;
    margin: auto;
}

你能帮帮我吗?

最佳答案

只需添加另一个包装容器并将 position: relative 添加到主包装容器。请看我的Working fiddle here .

关于jquery - tipr 工具提示 z-index 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25770535/

相关文章:

html - 使用 bootstrap-icons 未排序的图标堆栈

jquery - 使用 jQuery 在 DIV 中显示 JSON 对象

javascript/jquery 脚本计算 html 页面大小

javascript - Mac OS X Chrome 上的灰色/扩散文本

javascript - 使用 jQuery/Javascript 处理 HTML 元素组?

html - 如何在侧边栏 div 上设置 100% 高度?

javascript - 从运行中设置数据并通知所有 Controller

Jquery 显示/隐藏 div

html - Wordpress 侧边栏定位

javascript - 在鼠标悬停时设置背景图像