Search code examples
jquerycssinternet-explorer-8slideshowjcycle

Why doesn't IE8 display these transparent slideshows properly?

I have 2 transparent jCycle slideshows (different timeouts) one next to the other with absolute positioning like this...

enter image description here

The transparent images fade in and out properly in all the other browsers except IE. In IE8, they display correctly at the beginning, but when one starts to fade the other disappears and I see the background. Then the same thing happens to the other one and so on...

Here's the code if you want to check it out.

Do you have any ideas why this happens? I've tried playing around with z-index but with no luck...

Solution

  • Try adding:

    cleartypeNoBg: true

    to the cycle options.