CSS drop shadow effects with images

[wickedmoon]

http://www.alistapart.com/articles/cssdropshadows

If an image has a jagged edge (say a gif with transparent background), can a drop shadow be added automatically with CSS to follow the edges of the image, without having to create a separate image for the shadow? Probably not.

If we're talking straight edges, can a drop shadow be added like in the above tutorial, that blends into a background texture, ie not a flat colour background? I need whatever shadow effect I use to blend in seamlessly (at least in modern browsers).

Jason

[tox0tes]

I am pretty sure the answer is no, because browsers render an image in box format (i.e. height and width). The only difference between an image with a jagged or curvy edge and an image with a straight edge is what is seen visually. The browser doesn't know the difference.

[alexgeek]

Originally Posted by wickedmoon

http://www.alistapart.com/articles/cssdropshadows

If an image has a jagged edge (say a gif with transparent background), can a drop shadow be added automatically with CSS to follow the edges of the image, without having to create a separate image for the shadow? Probably not.

If we're talking straight edges, can a drop shadow be added like in the above tutorial, that blends into a background texture, ie not a flat colour background? I need whatever shadow effect I use to blend in seamlessly (at least in modern browsers).

Jason

hmm how about putting the image as the background and changing the divs transparency and z-index?