Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    dep
    dep is offline
    Regular Coder
    Join Date
    Nov 2005
    Posts
    121
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Dropshadows on floating divs

    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?

    dep

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    This article may interest you.

  • #3
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    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.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #4
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    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 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

  • #5
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Hey whaddya know, I ran into this article:

    http://www.satzansatz.de/cssd/tmp/al...nsparency.html

    Might help, or it may be too late.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •