javascript - ホバーなしのcss親子ループ遷移

Question

これが私のテストです。http://jsfiddle.net/othoap/XdJN5/

私のhtml5ページには、cssを正常に起動するこのjsがあります。

 <script>
$(document).click(function(){
   $("img").fadeOut('slow', function() {
       $("img").removeClass();
      });
});
</script>

そのため、マウス トリガーを使用する CSS は必要ありません。ただの無限ループ。

JSfiddle (MAN what a great site) の例でわかるように。親のアニメーションは正常にループしますが、子は最初に 1 回しか発火しません。また、z-index が子を親の後ろにプッシュしない理由もわかりません。

いつもありがとうございます。

Answer 1

子を無限に設定していないため、アニメーションは無限ではありません。

あなたはこれを持っています：

-moz-animation-iteration-count: slidedown;
-webkit-animation-iteration-count: slidedown;

これでなければなりません：

-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;

に関してはz-index、子を親の後ろに押し込むことはありません。後ろにいたいなら、子供ではないはずです。