Help with a shadow against a background.

dan_Vt · 05-19-2007, 04: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.
????: NamePros.com http://www.namepros.com/programming/329738-help-with-a-shadow-against-background.html

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, 05: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, 07:40 AM

Thanks for the link.

rep added.

05-19-2007, 04:41 PM	THREAD STARTER #1 (permalink)
dan_Vt Senior Member Join Date: Dec 2004 Location: Burlington, Vermont Posts: 1,048	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. ????: NamePros.com http://www.namepros.com/programming/329738-help-with-a-shadow-against-background.html 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 Tool Band Forum For Sale: Co-Sign.com

05-19-2007, 05:55 PM	#2 (permalink)
DylanButler NamePros Regular Join Date: Jan 2006 Location: San Diego, CA Posts: 735	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/ __________________ -Dylan Butler EXAMP - San Diego Web Design

05-22-2007, 07:40 AM	THREAD STARTER #3 (permalink)
dan_Vt Senior Member Join Date: Dec 2004 Location: Burlington, Vermont Posts: 1,048	Thanks for the link. rep added. __________________ Vermont SEO Tool Band Forum For Sale: Co-Sign.com

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