Прозрачный PNG анимационная проблема на Internet Explorer

Код CSS:

#btn{
  background: url(transparent.png) no-repeat;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

JavaScript/jQuery:

$("#btn").animate({opacity:1,"margin-left":"-25px"});

У меня нет проблемы с кодом выше Firefox, Chrome и других. Но это не работает ни над какой версией Internet Explorer.

Проблемой является изображение PNG, представляется странным, фон прозрачного PNG выглядит черным. Когда я удаляю эффект непрозрачности, нет никакой проблемы.

Каково решение?

5
задан Yi Jiang 31 August 2010 в 10:00
поделиться

1 ответ

В настоящее время нет решения для этого, о котором я знаю. Остается только ждать, когда IE догонит остальной мир. Мне пришлось отказаться от такой функции в одном из недавних проектов всего несколько дней назад. К сожалению, вы не можете иметь PNG с перьевыми краями, затухающий в IE с помощью jQuery.

5
ответ дан 18 December 2019 в 05:36
поделиться
Другие вопросы по тегам:

Похожие вопросы: