jQuery – Cycle Plugin White Background Problem in Internet Explorer

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.

  fx: 'fade',
  cleartype: true,
  cleartypeNoBg: true


Done =)



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

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

    Solved it immediately!


  2. 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.


  3. 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.


      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.


      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. =)


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

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