jQuery cycle plugin with transparency in IE

Question

After much searching I managed to find these two Cycle plugin options to allow for transparency in Internet Explorer cleartype: true, cleartypeNoBg: true,

The problem I'm getting now is a black block thing around the image that appears during the bounce transition than gets removed once the transition is complete and the image is sitting in the frame. It's only happening on IE.

Any ideas on how to fix this?

Answer 1

Reading the documentation it seems that clearTypeNoBG does the opposite of what you think: it tells the plugin to NOT correct for transparency under IE. Leave it on false. cleartype is automatically assigned the value !$.support.opacity and should also be left alone.

---

In other words, you're telling the plugin that the browser doesn't support opacity by setting cleartype, which is !$.support.opacity, on true and then you're telling it to not correct for this shortcoming by setting clearTypeNoBG on true.

Answer 2

I have this exact same issue, did you ever find out how to solve this??

Edit:: I just did another search and came across Stack Overflow - Jquery Cycle IE7 Transparent png problem

Seems to solve it for me in IE8 using the Unit Interactive PNG fix.