CSS转换：一个接一个不工作

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

第一个很好，但第二个不行。当然，我已经检查了所有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%
}

---

有人能帮我吗？谢谢

看看这是否是您想要的效果：

---

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

嗯，这不是CSS过渡，有关CSS3过渡的信息，请参阅：你想达到什么效果？@DexterHuinda我试图让2个Div覆盖屏幕，然后滑开，一个接一个是的，这正是我想要的……也是我写的。嗯，这对我不起作用……我必须重新检查代码

#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%
}