Quantcast

Creativebits.org

an All Creative World site
Chez A's picture
89 pencils

PNG in Windows IE

Here's a nifty source for PNG transparency in Windows IE.

Commenting on this weblink is closed.

Jammo's picture

Awesomely useful, and it works like a charm!

__
Goo

Ivan's picture

insanely cool. Thanks a lot for sharing. Just tried it and it DOES work. I didn't think it would be possible to do it. Amazing.

Dragging the sample car in IE 5.5 didn't work, but it's not related to PNG.

Static's picture
138 pencils

i found this page some time ago while browsing digg.com, i was searcing for it! thank you very much! hope i can make it work

//Static

Jammo's picture

funny how this has been availible since 2004 and its not been made something like a "must have" tip on sites like alistapart etc.... Thank goodness that we now know this nice IE Behaviour Script. :)

__
Goo

Ivan's picture

alistapart? c'mon! you need to come to cb to get the best tips. ;) jokes. alistapart is awesome!

Jammo's picture

Goes without saying doesnt it ?

lol, a list apart does rock, its a great resource for a specialist subject.

__
Goo

Juice10's picture
21 pencils

alisatpart actually did have an article about png and in the comments it had that link, it also had links to other sites that said how to fix the png background in IE (win)

Unfortunately if you make sure that png backgrounds work in IE then the links in the objects with the png background wont work :(

huyaroo's picture
27 pencils

I prefer using PNG Behavior, it doesn't use javascript so it still works even if they have javascript turned off. This is also has been around for a while.

http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

Jammo's picture

.. with that method dont you have to apply it to every image that you want to be effected?

__
Goo

huyaroo's picture
27 pencils

No you don't have to. In your css style, you define every image to use that behavior. Every png image you use will be affected.

nighthwk1's picture
3 pencils

You can't use it on background-image in CSS. It only works on regular img tags. Still, it's better than no support at all.

Juice10's picture
21 pencils

you can there is another hack for it.
But unfortunately if you have links in the elements that have the png background then they will not work.

r0sss's picture
35 pencils

I've been using this hack for some time now and links do work if you make it a 1 pixel tall repeating background image. (well for the hack I use it works):

Here are some examples from sites my company and I have done:
http://lentix.com
http://fleenet.com/

Creativebits is a blog about creativity, design and Macs. We also have a critique section where you can post your work to get opinions and a forum to discuss any design related topics.

Recommend us on Google

Latest critique

  • Butterfingers ad campaign
  • Critique for my logo

Marketplace