Propaganda Party: The Pop Stalin Design Manifesto

2 Comments | Apr 2 | WordPress

IE6, PNGs and WordPress–It’s a Party!

I am all about the current movement to stop designing for IE6 but being the cautious woman that I am, I’m gonna wait for the numbers to go down just a bit more. I’ve tried a couple of the plugin’s I’ve found for PNG transparency and still found myself looking at gray boxes in IE6. *Shakes fist in anger at IE6*

Then I came across this very old post and it seems to have solved my woes and the gray boxes are now a thing of the past (finger’s crossed). Here’s the technique:

In your WordPress theme folder–wp-content/themes/–upload the following two files (from the link above)–blank.gif and pngbehavior.htc

Then add the following code to your stylesheet:

/* Fix for PNG alpha channel display in IE6 */
img {
 behavior: url("/wp-content/themes/pngbehavior.htc");
}

 

2 People Have Bloviated

  1. Lorissa | Apr 2

    I loathe IE6 and I’m happy to ignore it for my personal projects as my little “stand”, but yes, for clients it is a different story. As lovely as it would be to ignore 1E6 entirely, you just can’t.

    This is a great fix for PNGs and IE6. I use something similar. The only issues I’ve still found with this is using background png images and being able to position them. There is still some wonkiness. I’ll have to see if this specific version fixes that. Thanks!

  2. Jen | Apr 2

    @Lorissa: When you say “using background PNG images,” do you mean the following:

    1. background:url(some-image.png);

    That kind of background? Not that I can answer your question at all but I was just curious. :)