Help with a shadow against a background.

dan_Vt · 05-19-2007, 03:41 PM

This may not be possible, but let's say I have an area with an image background that gives it a shadow. The background of the site, however, is a solid color. So the shadow appears fine.

Now let's say I want to change the background of the site to a gradient, or even something more jazzy like a pattern, but the shadow image I've defined now looks strange against it. For example, if the gradient goes from dark (top) to light (bottom) the shadow may appear fine at the bottom, but odd at the top because it's now lighter than the dark section of the gradient.

Is there a way to create a shadow that would appear nice against any background? How do people create areas whose height changes, yet the shadow always look nice? Or is that in my html/css dreams?

DylanButler · 05-19-2007, 04:55 PM

Kinda dreamin'. You can do it with PNG background images but IE doesn't support them. There's a filter hack that you may or may not be able to apply in your case to make it happen in IE:

http://www.themaninblue.com/writing/...ve/2004/06/18/

dan_Vt · 05-22-2007, 06:40 AM

Thanks for the link.

rep added.

05-19-2007, 03:41 PM	#1 (permalink)
dan_Vt Senior Member Join Date: Dec 2004 Location: Burlington, Vermont Posts: 1,043 1,086.90 NP$ (Donate)	Help with a shadow against a background. This may not be possible, but let's say I have an area with an image background that gives it a shadow. The background of the site, however, is a solid color. So the shadow appears fine. Now let's say I want to change the background of the site to a gradient, or even something more jazzy like a pattern, but the shadow image I've defined now looks strange against it. For example, if the gradient goes from dark (top) to light (bottom) the shadow may appear fine at the bottom, but odd at the top because it's now lighter than the dark section of the gradient. Is there a way to create a shadow that would appear nice against any background? How do people create areas whose height changes, yet the shadow always look nice? Or is that in my html/css dreams? __________________ Vermont SEO Automotive SEO For Sale: Co-Sign.com \| Skiny.net \| CSIFAQ.com \| FuelBank.net \| Jibbar.com \|

05-19-2007, 04:55 PM	#2 (permalink)
DylanButler NamePros Regular Join Date: Jan 2006 Location: San Diego, CA Posts: 704 0.00 NP$ (Donate)	Kinda dreamin'. You can do it with PNG background images but IE doesn't support them. There's a filter hack that you may or may not be able to apply in your case to make it happen in IE: http://www.themaninblue.com/writing/...ve/2004/06/18/ __________________ :great: -Dylan Butler EXAMP - San Diego Web Design

05-22-2007, 06:40 AM	#3 (permalink)
dan_Vt Senior Member Join Date: Dec 2004 Location: Burlington, Vermont Posts: 1,043 1,086.90 NP$ (Donate)	Thanks for the link. rep added. __________________ Vermont SEO Automotive SEO For Sale: Co-Sign.com \| Skiny.net \| CSIFAQ.com \| FuelBank.net \| Jibbar.com \|

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)