Creativebits.org

an All Creative World site
Jammo's picture
0 pencils
Jammo | Wed, 2005-08-24 19:50

Awesomely useful, and it works like a charm!

—

__
Goo

Ivan's picture
Ivan | Thu, 2005-08-25 09:50

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
Static (not verified) | Thu, 2005-08-25 11:16

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

Jammo's picture
0 pencils
Jammo | Thu, 2005-08-25 13:12

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
Ivan | Thu, 2005-08-25 13:56

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

Jammo's picture
0 pencils
Jammo | Thu, 2005-08-25 15:08

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
Juice10 | Sat, 2005-08-27 00:30

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
huyaroo | Thu, 2005-08-25 15:00

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

—

http://www.twinarrow.com

Jammo's picture
0 pencils
Jammo | Thu, 2005-08-25 15:06

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

—

__
Goo

huyaroo's picture
27 pencils
huyaroo | Thu, 2005-08-25 20:56

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.

—

http://www.twinarrow.com

nighthwk1's picture
3 pencils
nighthwk1 | Fri, 2005-08-26 01:23

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
Juice10 | Sat, 2005-08-27 00:32

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
r0sss | Mon, 2005-08-29 13:28

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

Do you need a great new logo?

If you need a logo for your company or product you can get it done with us.
In our logo store you can pick from over 28,000 pre-made logos that will be customized to your name for free or you can post a contest for us for just $250 and our designers from all over the world will submit dozens of logo design suggestions to your specific needs.

Marketplace