0

私が持っているこの div に TweenMax を使用して、この非常に単純なフェードを実行しようとしています。これが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 インデックスをトゥイーンしていません。トゥイーンの前に設定されているため、正しくフェードしない理由がわかりません。誰でも何か考えがありますか？ありがとう。

4

2 に答える 2

0

まず、TweenMax の最新バージョンにアップグレードしたことを確認してください。次に、autoAlpha の代わりに alpha を使用して、違いがあるかどうかを確認します。

于 2013-06-26T07:16:09.663 に答える
0

次の 2 つのことに気付きました。

  1. クラスに「aboutBg」という名前を付けましたが、トゥイーンは「aboutPage」を参照しています
  2. 「bottom:0」の後にセミコロンの代わりにコンマがあります。

私はそれらを修正し、それは私にとってはうまくいきました。それでも問題が解決しない場合は、使用しているブラウザーをお知らせください。また、問題を明確に示すコードペンまたは jsfiddle を作成して、コンテキストを確認できるようにしてください。前回の投稿で述べたように、最新バージョンの TweenMax を使用していることを確認してください。http://www.greensock.com/?download=GSAP-JS

于 2013-07-01T04:17:38.570 に答える