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?
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?






