Javascript CSS3转换被卡住了

我在我们的新网站上有很多转换。有一种特别的方法以前工作得很好，但由于添加了谷歌地图，某种过渡效果不会触发。此外，它会禁用站点上的所有其他转换效果，直到触发另一个javascript函数

我不知道为什么，但这些都是事实。问题接缝仅限于SAFARI，不会出现在Chrome中。以下是效果。有人知道为什么会这样吗

#coursepack .rightcol .players a img {
    width:26px;
    height:26px;
    border:1px solid #FFF;
    margin-right:3px;
    margin-top:10px;
    position:relative;
    float:left;
    -webkit-transition:top, 500ms;
    -moz-transition:top, 500ms;
}
#coursepack .rightcol .players a:hover img  {
    border:1px solid #3CF;
    top:-12px;
}
#coursepack .rightcol .players a {
    background:none;
    position:relative;
    width:31px;
    height:36px;
    overflow:visible;
    float:left;
}
#coursepack .rightcol .players a:hover {
}
#coursepack .rightcol .players a span {
    font-family:"Helvetica Neue", "Myriad Pro", Arial;
    font-size:11px;
    background-color:#222;
    border-radius:6px;
    -moz-border-radius:6px;
    opacity:0;
    padding:6px;
    color:#FFF;
    position:absolute;
    width:90px;
    top:0px;
    left:-34px;
    text-align:center;
    -webkit-transition-property:all;
    -webkit-transition-duration:500ms;
    visibility:hidden;
    text-decoration:none;
}
#coursepack .rightcol .players a:hover span {
    opacity:0.8;
    top:40px;
    visibility:visible;
}

奇妙的

编辑，我现在已经建立了确切的问题在于内部的链接。链接设置如下：

<a href=""><img src=""><span>Crazy Paul</span></a>

如果删除跨距，它将不再崩溃所有的过渡效果，但是这确实会删除跨距中包含的纯CSS工具提示

那么，span为什么会这样做，我们如何防止它呢

---

好极了，它是固定的。可以看出，所需要的只是需要添加到span:hover的position:absolute特性，而不是CSS的span行。奇怪

这一尝试和错误再一次赢得了胜利

#coursepack .rightcol .players a span {
    font-family:"Helvetica Neue", "Myriad Pro", Arial;
    font-size:11px;
    background-color:#222;
    border-radius:6px;
    -moz-border-radius:6px;
    opacity:0;
    padding:6px;
    color:#FFF;
    top:0px;
    left:-34px;
    text-align:center;
    visibility:hidden;
    text-decoration:none;
    -webkit-transition-property:all;
    -webkit-transition-duration:500ms;
}
#coursepack .rightcol .players a:hover span {
    opacity:0.8;
    top:40px;
    visibility:visible;
    position:absolute;
    width:90px;
}

---

非常感谢，

您能否链接到一个实时页面，以便我们可以查看和检查所有相关组件？目前处于脱机状态。我看看能不能弄把小提琴来。我已经补充了这个问题，因为我特别发现了这个问题，但不知道如何解决it@edgerunner，通过将CSS中的position:absolute移动到span:hover来修复。很奇怪，但它起作用了。