CSS 过渡 : One not working after the other

Question

我有两个 CSS transitions 如下(它们都覆盖页面然后滑出，一个接一个):

  $('#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。