I wan't to report a bug about using the opacity filter on transparent png's.
I can reproduce this bug in IE8 beta 2 aswell.
FireFox has no problems in rendering transparent PNG's with the use of
To test this bug you will need one PNG image with transparency, a box with
shadow will do.
The example below will use the opacity filter on the PNG image. Instead of
calculating the correct values for the transparent part of the image (for
example a shadow) it will render this as 1 alpha level (1 color). So the
shadow will loose it's shape.
The only way to fix this, is by using a background-color on the DIV.Container.
But hey, then we are back to zero, because i might just aswell use images
with background to begin with.
When the background of your page is for example a gradient color. You simply
need the PNG container to be transparent.
Test it, and you will see the problem.
<BODY style="background-color: white;">
<DIV class="Container"><SPAN class="Image"></SPAN></DIV>
This post is a suggestion for Microsoft, and Microsoft responds to the
suggestions with the most votes. To vote for this suggestion, click the "I
Agree" button in the message pane. If you do not see the button, follow this
link to open the suggestion in the Microsoft Web-based Newsreader and then
click "I Agree" in the message pane.