CSS 父子循环转换时没有悬停

Question

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

在我的 html5 页面上，我有这个成功触发 css 的 js。

 <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，它不会把孩子推到父母后面。 如果你想让它落后，它不应该是一个孩子。