Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 气泡工具提示有问题 正在工作的实时URL显示问题:_Javascript_Jquery_Html_Css_Bubble Popup - Fatal编程技术网

Javascript 气泡工具提示有问题 正在工作的实时URL显示问题:

Javascript 气泡工具提示有问题 正在工作的实时URL显示问题:,javascript,jquery,html,css,bubble-popup,Javascript,Jquery,Html,Css,Bubble Popup,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="#"

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>

作为参考,当弹出框从锚定链接上取下时,链接的行为正常。我正在使用jQuery Bubble Popup v.2.3.1。

这是因为您的工具提示位于链接上方!检查填充,可能添加一些z索引以将其放在链接级别后面=)


尝试设置
行高:16px@Patrick,谢谢你的关注,但那没用谢谢!a、 气泡{position:relative;z-index:9999;}这不起作用:(弹出窗口的z-index仅为100更改类“jquerybubblepopup”,更改边距:0px;到边距顶部:-10px;稍微移动一点。jquerybubblepopup{width:auto;height:auto;边距顶部:-10px;[…])@Michael,谢谢,效果很好!但是有没有办法把它放在更近的位置呢?也就是说,把它底部的蓝色盒子放进去,也就是说,我希望它能回到原来的位置,去掉它的外部填充物来修复错误
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;
}