Question

我对jQuery很新;我有一个绝对居中类（它可以按我的意愿工作）：

.Absolute-Center {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

#logo {
    background: url(logo.png) no-repeat center;
    background-size: 100%;
    height: 25%;
    width: 10%;
    z-index: 999;
}

应用于Span：

<a href="#" id="intro">
  <span alt="" class="Absolute-Center" id="logo"></span>
</a>

然后我试着给它制作动画：

$(document).ready(function() {
  $("#intro").click(function() {
    $(".Absolute-Center").animate({
      bottom: "+=80%"
    }, 3000 );
  });
});

但忽略3000的持续时间，跨度立即从一个地方移动到另一个地方。我究竟做错了什么？我认为跨度在a和很多类和id中存在某种问题，但是我没有得到它。

使用 bottom：“80％”也不起作用。

更新：它似乎适用于Chrome和IE 11，但不适用于Firefox 28。

更新：在this jsfiddle中，您可以看到问题已降至最小值。如果删除top：0;动画效果还可以。

有什么想法吗？

提前致谢！：）

Answer 1

好像应该有用吗？你的浏览器应该没问题，使用“16.0 5.0 -moz-“？

尝试添加前缀“-webkit-” 看看这个例子：

http://www.w3schools.com/css/tryit.asp?filename=trycss3_animation1

动画信息：http://www.w3schools.com/css/css3_animations.asp

jQuery animate（）忽略firefox上的持续时间

1 个答案: