tipr工具提示z-index无法正常工作

时间:2014-09-10 16:25:39

标签: 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;
}

你能帮助我吗?

1 个答案:

答案 0 :(得分:1)

只需添加另一个包装容器,然后将position: relative添加到主容器中。请参阅我的Working fiddle here