Проблемы с Firefox и jQuery

я использую этот код для изменения размера и непрозрачности div и создания "эффекта масштабирования":

$("#div5").click(function () {

 $('#wrap').animate({
 'opacity' : 0,
 'zoom': 1.08,

 },500);

 $('#wrap').hide(500,function(){ 

 $('#dBenefits').show();

 $('#dBenefits').animate({
 'opacity' : +10,
 'zoom': 1.08,

 },500);

 });

 });



 $('#back').click(function (){

 $('#dBenefits').animate({
 'opacity' : 0,
 'zoom': 1,

 },500);

 $('#dBenefits').hide(500, function (){

 $('#wrap').show({'opacity' : 0,},500);

 $('#wrap').animate({
 'opacity' : +10,
 'zoom': 1,


 },500);

 });

Почему в Firefox не работает должным образом? не создает эффект масштабирования, но он исчезает div5 и появляется другой div, но он не работает должным образом.

Хотя Chrome по одному и тому же коду ведет к лучшему результату, и результат я хочу.

Ошибка консоли.

ПРИМЕР: http://jsfiddle.net/JshKH/

Благодарю.

1 ответ

zoom - собственная css-собственность, она не работает в Firefox. Webkit поддерживает его, поэтому, по-видимому, он работает в Safari, Chrome и IE, но не в Firefox. ссылка на сайт

Существуют правила FF, такие как

-moz-transform: scale(2);

но я считаю, что это требует правильной комбинации правил для достижения эквивалента zoom во всех браузерах.

Кроме того, вы можете заменить масштабирование, возможно, на изменения размера шрифта или веса и/или заполнения.

licensed under cc by-sa 3.0 with attribution.