javascript - 使用 TweenMax 在背景图案和 z-index 不起作用的 div 中淡入淡出

Question

我正在尝试使用 TweenMax 为我拥有的这个 div 做这个非常简单的淡入淡出。这是 div 的 CSS

.aboutBg { 
    background:url(../images/pattern.jpg);
    top:0;
    right:0;
    left:0;
    bottom:0,
    position:fixed;
    border:10px solid red;
    z-index:10;
}

TweenMax.to('.aboutPage', 0.5, {autoAlpha:1});

发生的事情是边框会很好地淡入淡出，但带图案的背景色不会，它只是在补间结束时弹出。如果我删除 z-index 一切正常，但我必须设置 z-index 以便它位于我的其他内容之上。另外我没有补间 z-index，它设置在补间之前，所以我不确定为什么它没有正确淡出。有人知道吗？谢谢。

Answer 1

首先确保您已升级到最新版本的 TweenMax。其次，使用 alpha 而不是 autoAlpha 并判断是否存在差异。