0

我正在尝试使用 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，它是在补间之前设置的，所以我不确定为什么它没有正确褪色。有人有什么想法吗？谢谢。

4

2 回答 2

0

我注意到两件事：

  1. 您将您的课程命名为“aboutBg”，但您的补间引用了“aboutPage”
  2. 您在“bottom:0”之后有一个逗号，而不是分号。

我纠正了这些，对我来说效果很好。如果您仍然遇到问题，请让我们知道您使用的是什么浏览器，并创建一个可以清楚地展示问题的 codepen 或 jsfiddle，以便我们了解上下文。就像上一篇文章说的那样，请确保您使用的是最新版本的 TweenMax。http://www.greensock.com/?download=GSAP-JS

于 2013-07-01T04:17:38.570 回答
0

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

于 2013-06-26T07:16:09.663 回答