The Web Blog of Michael P. Stone

Blogging about ColdFusion, PHP, JQuery, E-Commerce, Social-Networking, Music, and games.

Recent Posts

Recent Comments

Resources

Login to ease your way through comments!

What are the benefits?

  • Fly through commenting by only inputing your comment and pressing submit!
  • Never get lost in a conversation again!
  • Be able to access of all of your comments by logging into your admin account.

ajax loader

(Case Sensitive)

Transparent PNG images in IE 7 and IE 8 not rendering transparent with jquery cycle

Posted by Michael Stone | July 03, 2010

I ran into a problem where I wasn't able to get my PNG images to properly render in Internet Explorer 7 or 8. I was using the jquery cycle plugin, jquery.malsup.com/cycle/, and I was trying to display the images on an already transparent background, but little did I know, it was an option in the plugin.

 

The plugin's option page clearly shows this, but I was unable to see where it was documented to make it easier for people with this problem. The jquery cycle options shows that it has many different features. One of which either applies the background to the PNG images or removes it.

 

Just apply this option to where you are referencng the plugin:

 

cleartypeNoBg: true

This should instantly resolve your problem.

 

Note: This isn't a fix for Internet Explorer 6.

Transparent PNG images in IE 7 and IE 8 not rendering transparent with jquery cycle

Login to comment

Your e-mail will not be displayed anywhere, nor will it be sold or shared to other sites.


ajax loader

Comments (1)

New Comment | Login | Share


  • 08/22/2010 08:18:PM
    is very good !