CSS过渡：一个不能继续工作

Question

我有两个CSS tranistions如下（它们都覆盖页面然后滑落，一个接一个）：

  $('#div1').transition({ x: '-1500px', delay: 800 }, 1000);
  $('#div2').transition({ x: '-1500px', delay: 1600 }, 1000);

第一个工作正常，但第二个没有。当然，我检查了所有的CSS和名称：

#div1 {
    background-color: #000;
    z-index: 99;
    position:absolute;
    width: 100%;
    height: 100%;
}

#div2 {
    background-color: #fff;
    z-index: 90;
    position:absolute;
    width: 100%;
    height: 100%
}

任何人都可以帮助我吗？谢谢！

Answer 1

看看这是否是您想要的效果：http://jsfiddle.net/Nr7nJ/

我将div2的背景颜色更改为红色，因为默认情况下浏览器使用白色bg。