PNG Transparency in IE

[bob_dobbalina 0 Likes (Newbie)]

I'm rotating and tweening the top and left positions of several img elements (transparent .pngs of rounded rectangles that have a slight drop shadow). Everything is working perfectly in all browsers except IE(7&8) renders the "dropshadow" area of the pngs as a solid black.

 

I've tried several hacks like: http://snipplr.com/v...deview&id=46458 and http://snipplr.com/view/7903 but nothing seems to work.

 

It's notable to mention that if I remove the rotation from the elements, they render fine in IE.

 

Any help would be greatly appreciated!

 

 

PS - Thank you so much for porting this library to JS!!!

[GreenSock 8,117 Likes (Superhero)]

That sounds like an IE (version 8 and earlier) issue that [as far as I know] can't be solved. Applying transforms like rotation/scale/skew can only be done by applying a filter in those old versions of the browser because they don't support regular CSS3 transforms and it sounds like the browser has a problem with semi-transparent PNGs when applying filters. If anyone knows of a solution, I'm all ears. See http://forums.greensock.com/topic/6226-tweening-css-alpha-on-text-with-dropshadow-filter-in-ie9/page__hl__black