I have made some gradient images that are a solid color that fade to transparent. Some of the images are very large, as to be backgrounds.
We also apply a transparency to these pngs. I cannot figure out why IE7 and 8 won't render the PNG's correctly. I have had to resort to using the old AlphaImageLoader. For some reason this makes it so it doesn't render my alpha opacity! If I then use jQuery to change the opacity then the png breaks and becomes a solid black background, instead of looking like a gradient) with the correct opacity applied.
It is not an option for us to use photoshop to just make the image more transparent, it has to be with css.
DD_belatedPNG of course fixes it but it is causing other very undesirable functionality on our site.
Here is some code:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/gradient.png',sizingMethod='scale'); filter:alpha(opacity=60);
/* the above shows the png correctly but not the opacity, using the following jQuery breaks the PNG*/