Опять IE: Баг отображения полупрозрачного дива с тенью?

Question

[babai]

Подробнее:


Есть div с background: url(shadow.png).

При попытке jQuery.animate opacity в 0 и обратно, в IE7-8 (!) появляется глюк — тень становится просто чёрной.


Гуглил-гуглил, но так и не нашёл решения. Попробовал сделать css3 тени с помощью css3pie, но

он, увы, тоже криво прозрачность понимает.


Может есть кто поборол багу?

Answer 1

[homm]

Самое простое:

if ($.browser.msie && $.browser.version < 9) {
    $element.show();
} else {
    $element.fadeIn(500);
}

Способ пофиксить это есть, но пользователи ИЕ7-8 не оценят вашего потраченного времени.

Comments

[marcus]

А вам этот способ известен, кроме указанного выше? Не могли бы поделиться?

[babai]

Ну это на крайняк. Был-таки удивлён, что даже в 8ке этот баг присутствует.

Способ пофиксить это есть

Весь во внимании…

[homm]

Применить все тот же alpha image loader.
jsfiddle.net/homm/f2j4r/

Answer 2

[mdss]

ie7-js.googlecode.com/svn/test/index.html
попробовать этим победить?

Comments

[babai]

не помогло.

Answer 3

[marcus]

ПНГ с такой «двойной» прозрачностью побороть нельзя, а что не так с тенями в ксс3пироге? Вроде нормально понимал.

Comments

[Сергей Ермаков]

Если под этим png на странице однотонный фон, можно на время анимации дать диваку с фоновым png background-color того же цвета. Это малозаметно, если анимация короткая, и убирает чёрную кайму с альфаканала.

Answer 4

[Алексей Выдрин]

когда ковырял типовой имаг битрикса вдруг «создал» эту черную тень…
как оказалось просто по невнимательности стер в шаблоне решение разработчиков для IE:

[if IE]#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/jquery/fancybox/fancy_loading.png', sizingMethod='scale'); } и т.д.