Firefox弹力效果bug

Question

我在这里做了一个小小提琴http://jsfiddle.net/DV6JA/4/

我不理解firefox。很长一段时间IE浏览器是一个有问题的浏览器，但现在Firefox中存在许多错误。

为什么在此示例中，＆lt; .txt＆gt;元素跳到底部。我尝试改变字体大小，但它有时会有所帮助，有时也不会。 当我在＆lt; .cnt＆gt;中放入一些分拣文本时它有时不会跳跃。那么Firefox的问题在哪里？

HTML：

<li class='tag_glass'>
     <a>
        <p class='cnt'>999+</p>
        <p class='txt'>some txt in here</p>
     </a>
</li>

CSS：

li a{
  display:inline-block;
}

.txt{
    float:left;
 }
.cnt{
  font-size:9px;
  float:left;
}

JS：

$('li a').mouseenter(function(){

    $(this).effect( "bounce",{times:3,distance:10},1000 );

});

Answer 1

如果您可以使用div包装a标记并对此div应用反弹效果。 我还为div和p元素添加了一个宽度，我不知道你是否可以接受减小它们的宽度但是看看它。

此处有更新的 fiddle

希望它有所帮助...