Transparent png's in IE

They have: 4 posts

Joined: Feb 2006

I have a script that rotates images on my page weddings.pnwimages.com/index2.html

The images show up great in firefox but the transparency is messed up in IE. I've read about work arounds but they all seem to be for static images. Is there a way I can make these images transparent in IE?

Busy's picture

He has: 6,151 posts

Joined: May 2001

IE doesn't support PNG transparency

way around it is to use .gif's There are some hacks around but none 100% and don't downgrade very far. Even if IE7 supports them, IE5 and 6 don't so would be another 4 years or so before you could use them for largest amount of IE viewers.

Spread the word, mozilla and opera are the way to go ... Laughing out loud down with IE

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Well Busy is right, and wrong. Down with ie - definately! There is a hack for getting png transparency in ie though.

The methods aren't very versatile, because IE isn't very versatile (yes we all hate that browser too). The only way I can think around your problem is:

  1. Create a bunch of divs - one for each image.
  2. Add the hack to the divs so they all display png's correctly in ie.
  3. Hack that rotation script to hide and show divs instead of swapping images.

Confused? I would be too. There's no out of the box solution for this, wish I had time to write one. I reckon it'd take about 1-2 days to fix, maybe less if all went well. Smiling

I can point you towards a png hack I did write.

If you found a way of using that and the switcher together, then your problem is solved.

a Padded Cell our articles site!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.