css - CSS 过渡：一个接一个不工作

Question

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

  $('#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 的背景颜色更改为红色，因为默认情况下浏览器使用白色背景。