Jquery .animate () работает, но в Firefox слои, перемещенные вниз в результате анимации, не восстановят свое прежнее состояние после завершения анимации

Question

Использование этого для увеличения изображения при наведении и он вернется к своему прежнему размеру при наведении. Это работает во всех браузерах, но в Firefox слоях который сдвинулся в результате увеличения изображения не вернется в исходное положение, а затем создает большой зазор, равный высоте (380), которая изображение было изменено на. Используя 1.6.4

$(".PartThumbnail").hover(function () {
    $(this).parent().parent().css("z-index", 1);
    $(this).animate({
        height : 380,
        width : 380,
    }, "fast");
}, function () {
    $(this).parent().parent().css("z-index", 0);
    $(this).animate({
        height : "45",
        width : "45",
    }, "fast");
});

Answer 1

В вашем коде измените:

height: "380px",
width: "380px",

Обратите внимание, что вы пропустили "" вокруг значения CSS и обозначения пикселей.

Сделайте то же самое для:

height: "45px",
width: "45px",

Посмотрите, работает ли это.

Кроме того, опубликуйте свой HTML / CSS / JavaScript с помощью jsfiddle , чтобы мы могли лучше вам помочь. Надеюсь, это поможет.