View Full Version : Dropshadows on floating divs

12-20-2005, 04:35 PM
Hello. I have a webapp with floating divs (one can drag them to reposition them). I want these floating divs to have a drop-shadow. I can implement this fairly painlessly using GIF files, but you know how crappy transparent dropshadows look when you do them as GIFs? No, 24-bit PNG files are the answer, but they don't render correctly in IE.. Firefox and Opera render them just fine. There's a PNGFix script out there that lets you implement a PNG dropshadow within IE, and it WORKS! But the problem is, if you have links/form elements in the DIV, they aren't clickable! What the heck?

So... Does anyone have a solution for this?


12-20-2005, 10:48 PM
This article (http://www.alistapart.com/articles/onionskin/) may interest you.

12-20-2005, 11:51 PM
the script your talking about probally calls on the microsoft alpha.imageloader filter. Itr allows IE to make pngs transparent without that cool grey box around them. The problem with the filter is this. The filter basically has a z-index of infinity. You CAN NOT put anything over it no matter how hard you try. It takes a little skill, a little trial and error, a litty bit of messy code and a little alcohol to make it play along.

12-22-2005, 02:03 AM
I believe adding "position: relative" to the link style will enable the links to be clickable. There's some info at the bottom of this article (http://koivi.com/ie-png-transparency/) and I know there's an article out there I found earlier that details this issue and shows examples of this workaround but for the life of me I can't find it now. Sorry :o

12-28-2005, 08:04 PM
Hey whaddya know, I ran into this article:


Might help, or it may be too late. :)