Again IE: Bug displaying a translucent div with a shadow?

Question

HTML

More details:
There is a div with background: url(shadow.png).
When trying jQuery.animate opacity to 0 and back, in IE7-8 (!) there is a glitch - the shadow becomes just black.
Googled and googled but couldn't find a solution. I tried to make css3 shadows using css3pie, but
, alas, he also understands transparency crookedly.
Can eat who overcame a bug?

Answer 1

The easiest:

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

There is a way to fix this, but IE7-8 users won't appreciate your wasted time.

Answer 2

ie7-js.googlecode.com/svn/test/index.html
try this to win?

Answer 3

PNG with such a “double” transparency cannot be overcome, but what is wrong with shadows in xs3pie? Seemed to understand okay.

Answer 4

when I was picking a typical Bitrix image, I suddenly “created” this black shadow ...
as it turned out, I just inadvertently erased the developers’ solution for IE in the template:
[if IE]#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/jquery/fancybox/fancy_loading.png', sizingMethod='scale'); } и т.д.