使用TweenMax在div中淡入淡出,背景模式和z索引不起作用



我正试图用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,并判断是否存在差异。

我注意到两件事:

  1. 你把你的班级命名为"aboutBg",但你的孩子引用的是"aboutPage"
  2. "bottom:0"后面有一个逗号,而不是分号

我纠正了这些问题,对我来说效果很好。如果你仍然有问题,请告诉我们你在使用什么浏览器,并创建一个代码笔或jsfiddle来清楚地演示这个问题,这样我们就可以在上下文中窥探一下了。就像上一篇文章所说的,请确保你使用的是最新版本的TweenMax。http://www.greensock.com/?download=GSAP-JS

最新更新