fadeIn / fadeOut jquery проблема с IE7 / 8 & png

Question

Привет, ребята, я пытаюсь сделать фон с увеличительным стеклом, когда использование наводится на изображение, которое можно увеличить. При этом используется пустой интервал и устанавливается значение «Нет» до тех пор, пока он не наведен, а фон имеет полупрозрачный png с лупой в центре.

Это делается с помощью fadeIn / fadeOut и отлично работает во всех других браузерах, кроме IE.

В IE фон изображения мигает до темно-серого, а затем исчезает до нужного изображения при наведении курсора и наведении.

Вот пример того, над чем я работаю, три меньших изображения подряд:

http://www.brainbuzzmedia.com/themes/amplify/html/index.html

Я читал, что решением этой проблемы является добавление цвета фона к элементу, который исчезает, но, очевидно, это не сработает, потому что мне нужно использовать полупрозрачный png в качестве фона. Кто-нибудь знает, что я могу с этим сделать?

Answer 1

У меня была похожая проблема.

После fadein / fadeout попробуйте позвонить:

 $("#myelement").css('filter', 'none');

Это сработало для меня, когда IE 7 и 8 оставили грязные черные пятна, где должна быть прозрачностьбыл после выполнения эффекта затухания.

Answer 2

См. Эту статью, похожая проблема:

jQuery IE сбой Cleartype при исчезновении!

Хитрость заключается в том, чтобы использовать задержку, а затем fadeOut.

Answer 3

Я не получаю вспышку темно-серого цвета. То, что я могу рассматривать как решение, - это либо иметь другой элемент div такого же размера, что и изображение, расположенное абсолютно позади изображения, и использовать в нем фон png.

OR

использовать свойство opacity и фильтр ms для IE.