Glad You're Ready. Let's Get Started!

Let us know how we can contact you.

Thank you!

We'll respond shortly.

Standup 10/9/2008: IE 6 Alpha Transparency Fixes?

Ask For Help

Once again, a project is asking for everyone’s favorite IE 6 .PNG alpha transparency fixes — more rounded corners! Examples include the CSS Behavior code, using .PNGs or .GIFs with on/off transparency, regulating IE 6 to the square Web 1.0 world, and even using on/off transparency and just knocking a pixel or two off of corners for a “good enough” rounded look.

What are your favorite IE 6 rounded-corner and/or alpha-transparency fixes?

  1. Here is one that I am surprised doesn’t get mentioned more often, probably because it depends on fireworks:

    It’s png 8 so it won’t work in cases with lots of colors, but if all you need is a drop shadow or something this is a great technique.

    Also, there is a script by Dean Edwards that attempts to fix many of the css bugs in ie6, as well as adding some features such as easy image swap/alphaimage transparencies. Check it out:

    I have had mixed results applying it to existing projects with complex css, but it works great if you are starting a fresh app.

  2. Gregory says:

    IE6 users do not deserve rounded corners or a fix for alpha transparency. Regular boxes will do just fine… Want more ? Then upgrade…

    Dean Edwards has a few disadvantages you might want to considers:

    – it slows down the page
    – it’s not totally transparent (i.e. some elements will be fixed/adjusted only when the page is fully loaded)

    Since a few months now, I’ve teached to leave IE6 as-is as long as it looks acceptable.

  3. Since I only load up the Dean Edwards script for IE6, I’m not all that concerned with those two points. I don’t really care if the IE6 performance is a bit slower or if things flash around on their screen while loading, I just want to spend as little time as possible worrying about IE6 at all and the Edwards script makes that possible.

  4. Rajan Agaskar says:

    I’ve always used [iepngfix]( with zero problems, as long as you’re not trying to tile or background-position the png in question. Using conditional stylesheets means only IE6 and below are affected. Make sure to download the ‘alpha’ 2.0 version (which I’ve found few problems with), it has a few more features (some provided via javascript). Fixed-size rounded corners can be easily provided using a z-index overlay with a transparent punchout, vertically-fluid rounded corners can be provided by using a ‘top’ and ‘bottom’ png.

  5. Rajan Agaskar says:

    (and fwiw, I’ve noticed that iepngfix seems to be the only consistently maintained fix — there’s actually been a few updates since when I last did research in May 2008).

Post a Comment

Your Information (Name required. Email address will not be displayed with comment.)

* Copy This Password *

* Type Or Paste Password Here *