jQuery

jQuery – Cycle Plugin White Background Problem in Internet Explorer

23 Comments

The jQuery Cycle plugin is so helpful on showing animated slide show in your webpage. Check it out at the following website to find more details.
jQuery Cycle Plugin

But thanks Microsoft, it’s greatest product, Internet Explorer 7 and 8 has a bug when showing transparent png in the slide show. That is a white background would be added to the cycle element which block the background image. Add the following options when calling the cycle function.

$('.cycleClass').cycle({
  fx: 'fade',
  cleartype: true,
  cleartypeNoBg: true
});

 

Done =)

Reference:

23 thoughts on “jQuery – Cycle Plugin White Background Problem in Internet Explorer”

  2. Thanks a bunch haha, already spent 30 minutes of wtf’ing why this white background kept showing up.

    Solved it immediately!

    Like

    Reply

  7. OMG.. you’re f**king awesome!

    I’ve been staring at this white box for 2 hrs wondering what obscure IE idiosyncrasy was causing it.

    May a quartet of heavenly virgins visit you upon the ‘morrow, for you are surely deserving.

    Like

    Reply

  8. Can I just say: THANK YOU THANK YOU THANK YOU. I know IE supports PNG transparency from 7 on, so I couldn’t for the life of me figure out what the issue was. You’re a true lifesaver, as I puzzled over this for at least a few hours.

    Like

    Reply

      1. Thanks – it’s actually due for a re-design soon (that design is about 3-4 years old). Just trying to find time and inspiration.

        Like

      2. it’s a good time to revamp a website after a few years so it could keep up with more web technologies ~ i am sure you would add some animation with javascript and jquery. =)

        Like

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.