我正试图用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索引,一切都可以,但我必须设置z索引,使其位于我的其他内容之上。此外,我没有在推特上发布z索引,它设置在青少年之前,所以我不确定为什么它没有正确褪色。有人知道吗?谢谢
首先确保您已升级到TweenMax的最新版本。其次,使用alpha而不是autoAlpha,并判断是否存在差异。
我注意到两件事:
- 你把你的班级命名为"aboutBg",但你的孩子引用的是"aboutPage"
- "bottom:0"后面有一个逗号,而不是分号
我纠正了这些问题,对我来说效果很好。如果你仍然有问题,请告诉我们你在使用什么浏览器,并创建一个代码笔或jsfiddle来清楚地演示这个问题,这样我们就可以在上下文中窥探一下了。就像上一篇文章所说的,请确保你使用的是最新版本的TweenMax。http://www.greensock.com/?download=GSAP-JS