jquery工具提示不完全可见

Question

我正在尝试使用jquery创建工具提示。但是我有一个问题，如果div中有足够的空间，那么它会显示所有的工具提示。但是我在它下面有另一个div，工具提示隐藏在它后面。我想在div上显示工具提示，如下图所示： 这是我的代码：

<div id ="wrapper">
<button  type="button" class="like_button" onclick=";return false;" id="like" ></button>

<div class="tooltip">
            <span class="ilikethis">
            I like this
            </span>
        </div>
</div>

这是css代码：

#wrapper{ background:#eaf3fd; margin-top:5px; overflow:visible;}
.tooltip{ height:13px;display: none;width:120px; text-align:left;overflow:visible;opacity:0.7;filter:alpha(opacity=40)}
.ilikethis{
        display: none;
        font-size: 1.0em;
        height:17px;
        padding:7px;
        -moz-border-radius: 6px; 
        -webkit-border-radius: 6px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        text-align: center;
        text-decoration: none;
        width:60px;
        background-color:#333333;
        color:#FFFFFF;
        text-shadow: #fff 0px 0px 20px;
        overflow:visible;
    }

Answer 1

您是否尝试过向该提示添加z-index？隐藏提示的div是否具有z-index？

如果您可以提供更多标记，或者甚至更好地尝试在jsfiddle.net上隔离并重新创建问题，那么我们将更容易诊断