I (wish I could) see right through you...

March 20, 2006 12:50 PM

BeatIEIntoSubmissionFilter: Is it possible to force IE/Win to display CSS background images with PNG transparency?

I know that it is possible to hack it to render PNGs displayed with tags with full transparency support, but several internet sources seem to suggest that this is not possible.

Oh great hive mind...is it possible?

posted by charmston to Computers & Internet (6 answers total)

Not sure what your question is, exactly. All of those links show you various ways to make IE render PNGs with alpha transparency.

In its most basic form, you do something like this:

div#whatever{
background: url(someimg.png) no-repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='someimg.png',sizingMethod='scale');
height: 100px;
width: 100px;
}
posted by the jam at 12:56 PM on March 20, 2006

IE doesn't support transparency in PNGs natively, so no, you can't force IE to render them. It's hack time.
posted by doctor_negative at 1:12 PM on March 20, 2006

Best answer: bgsleight adds PNG alpha transparency support for background images. Read the comments.
posted by kirkaracha at 1:13 PM on March 20, 2006

Response by poster: Perfect. Thank you kirk!
posted by charmston at 1:18 PM on March 20, 2006

/IE7/ is a JavaScript library that not only fixes the PNG transparency issues, but fixes many other IE CSS issues.
posted by Sharcho at 3:17 PM on March 20, 2006

If you use IE7 to solve this, note there are problems.
posted by nakedcodemonkey at 4:07 PM on March 20, 2006