我有一个水平垂直居中的
您可以在此处查看我的代码示例:http://jsfiddle.net/amagdk/kan94az0/ HTML
<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();
});
//hover()
,图片就会居中,所以这似乎是一个问题。你增加值的原因是什么?http://jsfiddle.net/kan94az0/39/ - Christopher Marshall