Comments on: I (wish I could) see right through you...

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

charmston — Mon, 20 Mar 2006 12:50:26 -0800

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?

By: the jam

the jam — Mon, 20 Mar 2006 12:56:47 -0800

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;
}

By: doctor_negative

doctor_negative — Mon, 20 Mar 2006 13:12:31 -0800

IE doesn't support transparency in PNGs natively, so no, you can't force IE to render them. It's hack time.

By: kirkaracha

kirkaracha — Mon, 20 Mar 2006 13:13:46 -0800

bgsleight adds PNG alpha transparency support for background images. Read the comments.

By: charmston

charmston — Mon, 20 Mar 2006 13:18:59 -0800

Perfect. Thank you kirk!

By: Sharcho

Sharcho — Mon, 20 Mar 2006 15:17:36 -0800

/IE7/ is a JavaScript library that not only fixes the PNG transparency issues, but fixes many other IE CSS issues.

By: nakedcodemonkey

nakedcodemonkey — Mon, 20 Mar 2006 16:07:44 -0800

If you use IE7 to solve this, note there are problems.