Проблема с всплывающей подсказкой

Question

Работающий действующий URL-адрес показывает проблему:

http://69.24.73.172/demos/newDemo/test.html

HTML :

<div class="small-vote">
    <a href="#" class="s plus-one bubble" bubble=":)&lt;br /&gt;Vote this comment up&lt;br /&gt;if you like it!"></a>
    <a href="#" class="s minus-one bubble" bubble=":(&lt;br /&gt;Vote this comment down&lt;br /&gt;if you disagree with it!"></a>
</div>

Это проблема навсе основные браузеры.Если мышь входит в нижнюю половину якорной ссылки, все в порядке.Он подсвечивается, появляется всплывающее окно, и вы можете щелкнуть ссылку.

Если вы введете верхнюю половину ссылки, она позволяет нажимать ее до тех пор, пока мышь не будет перемещена даже на 1 пиксель, а затем ссылка деактивируется иВы должны выйти и повторно войти в область, чтобы щелкнуть по ней.

Достаточно проблемы, чтобы сделать ссылки привязки довольно непригодными.

CSS

a.bubble:hover
{
    background-color:Red;
}
.s{
    background-image:url('../images/sprites.png');
    background-repeat:no-repeat;
}
.plus-one
{
    display:block;
    width:20px;
    height:16px;
    background-position: -46px -135px;
    float:left;
    margin-right:1px;
    margin-top:1px;
}
.minus-one
{
    display:block;
    width:20px;
    height:16px;
    background-position: -67px -135px;
    float:right;
    margin-left:1px;
    margin-top:1px;
}
.minus-one:hover
{
        background-position: -67px -153px;
}
.plus-one:hover
{
    background-position: -46px -153px;
}

В качестве справки, когда всплывающее окно снимается с якорной ссылки, ссылки ведут себя правильно.Я использую jQuery Bubble Popup v.2.3.1.

Answer 1

Это потому, что ваша подсказка находится над ссылкой!Проверьте заполнение, возможно, добавьте некоторый z-индекс, чтобы поместить его за уровень ссылки =)