Код 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 выглядит черным. Когда я удаляю эффект непрозрачности, нет никакой проблемы.
Каково решение?
В настоящее время нет решения для этого, о котором я знаю. Остается только ждать, когда IE догонит остальной мир. Мне пришлось отказаться от такой функции в одном из недавних проектов всего несколько дней назад. К сожалению, вы не можете иметь PNG с перьевыми краями, затухающий в IE с помощью jQuery.