Подсказка jquery не видна полностью - PullRequest
Новая
       1

Подсказка jquery не видна полностью

0 голосов
/ 25 декабря 2010

Я пытаюсь создать всплывающую подсказку с помощью jquery.Однако у меня проблема в том, что если в div достаточно места, он отображает все всплывающие подсказки.Однако у меня есть еще один div, и подсказка скрывается за ним.Я хочу отобразить всплывающую подсказку над элементом div, как показано на рисунке ниже: alt text Вот мой код: 

<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;
    }

1 Ответ

0 голосов
/ 25 декабря 2010

Вы пытались добавить z-index к подсказке?У div, который скрывает подсказку, есть z-индекс?

Если бы вы могли предоставить больше разметки или даже лучше попытаться изолировать и воссоздать проблему на jsfiddle.net, нам было бы проще диагностировать

...