css父子循环过渡而没有悬停

Question

这是我的考试。 http://jsfiddle.net/othoap/XdJN5/

在我的html5页面上，我已成功触发css。

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

所以我不想要带有鼠标触发器的CSS。只是一个无限循环。

正如你在JSfiddle（MAN是一个很棒的网站）中看到的那样。父动画循环正常但孩子只在开始时触发一次。另外我不明白为什么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，它不会将孩子推到其父母身后。如果你想让它落后，那就不应该是孩子了。