使用TweenMax以背景模式淡化div并且z-index不起作用

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});

发生的事情是边界会很好地消失，但图案化的bg不是，它只是在补间结束时弹出。如果我删除z-index一切正常，但我必须设置z-index，以便它在我的其他内容之上。此外，我没有补间z-index，它在补间之前设置，所以我不确定为什么它没有正确消失。任何人有任何想法？谢谢。

Answer 1

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

Answer 2

我注意到两件事：

1. 您将您的类命名为“aboutBg”，但您的补间正在引用“aboutPage”
2. 在“bottom：0”而不是分号后面有一个逗号。

我纠正了这些，它对我来说很好。如果您仍然遇到问题，请告诉我们您正在使用的浏览器，并创建一个清楚地演示该问题的codepen或jsfiddle，以便我们可以查看上下文。和上一篇文章一样，请确保您使用的是最新版本的TweenMax。 http://www.greensock.com/?download=GSAP-JS