Jump to content

IE6 PNG Transparency Fix

Whether you're a seasoned veteran or a struggling beginner, Web Radiance is the web development and web design forum for you. You'll find answers to all your HTML, CSS, SEO, and Programming needs. Pull up a chair and stay awhile.

Page 1 of 1
  • You cannot start a new topic
  • This topic is locked

IE6 PNG Transparency Fix Rate Topic: -----

#1 User is offline   James Mitchell 

  • Legendary
  • Group: Administrators
  • Posts: 922
  • Joined: 26-July 06
  • Gender:Male
  • Location:Fort Wayne, IN

Posted 19 September 2010 - 02:00 PM

I am looking to try out a good PNG fix for Internet Explorer 6. Unfortunately, I still have to support them for all the clients at my job. Yet the one we've been using has been causing performace problems as of late (slow loading, etc..). So I tried another one, yet it has problems too. Here are the ones I'm referencing.

  • Twin Helix PNG fix (found here) - Causes slow loading, because it calls the referenced file every object in the DOM that matches.
  • jQuery PNG fix (found here) - Absolutely amazing and lightning fast fix, however it messes with the positioning or something of the containers for the PNGs. Causing anything that is 'clickable' inside them to not be accessible in IE6.

Any other ones I should try? I am looking to replace #1 above with a better alternative (something like #2 would be awesome if it doesn't cause the other problem described above).
Posted Image
0

#2 User is offline   Catalyst 

  • Codesmith
  • Group: Administrators
  • Posts: 1,049
  • Joined: 04-April 06
  • Gender:Male
  • Location:San Diego

Posted 19 September 2010 - 10:17 PM

The big limitation of most fixes is how it handles tiled png backgrounds. If you can avoid those then I'd check out

http://labs.unitinte.../unitpngfix.php
0

#3 User is offline   James Mitchell 

  • Legendary
  • Group: Administrators
  • Posts: 922
  • Joined: 26-July 06
  • Gender:Male
  • Location:Fort Wayne, IN

Posted 19 September 2010 - 10:26 PM

That's a nice looking one. How about for those tiling backgrounds (specifically, when designers put that blasted drop shadow on the outer edge of every design)?
Posted Image
0

#4 User is offline   sypher 

  • the owner3r
  • Group: Administrators
  • Posts: 1,578
  • Joined: 04-April 06
  • Location:North Wales, UK
  • Interests:Art, Boxing, MMA, Graphic Design, Web Design etc. ;)

Posted 20 September 2010 - 12:51 PM

I stopped using png's for shadows etc. Now just use the css shadow property.

And rely on graceful degradation.

I personally use the jquery pngfix.
If you really are having errors for things in IE6 (its not that important!) then i would just specifically style that div differently (different image, or hide it all together if it isnt important)
sypher design - North Wales Web Design | Latest Work: - Scala Cinema

CSS - Can't See Sh*t
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • This topic is locked

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users