小编Ann*_*naM的帖子

我有一个<img>水平和垂直居中,它适用于Chrome和Safari,但遗憾的是不适用于Firefox.在Firefox中,<img>水平居中但不垂直居中.我该如何解决？它与jquery动画有关吗？

您可以在此处查看我的代码示例:http://jsfiddle.net/amagdk/kan94az0/

HTML

<img src="hover-kitty.png" alt="Hover Kitty">

CSS

img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

jQuery的

$(document).ready(function(){
var hoverkitty = $("img");
   function hover() {
       hoverkitty.animate({top:'+=20'}, 1000);
       hoverkitty.animate({top:'-=20'}, 1000, hover);
   }
   hover();
});