Shadow problem

[Snarffy]

Hi, I got a problem with filter.shadow.

I like to connect items with lines, I am using an image with a line (.png background tranparent) and lets say a "plus" symbol. The image with the line and "plus" symbol are the backgrounds of different div's. To give them an accent I am using a filter shadow, the lines and the "plus" symbols are so positioned that there is no space between them. The filter.shadow treats the items as seperated items and that makes overlapping shadow. Is there a way to solve this problem, I don't want to add the shadow to images with Photoshop or something like that.

Snarffy

 

[PixelPusher]

Filter:shadow is specifically geared towards IE, because it caint play nice like all other [better] browsers. The issues I see:

Pros

1. It offers a css alternative to -moz-box-shadow / -webkit-box-shadow (FF, Safari, Chrome)

Cons

1. It removes clear type from the text with the element with that style
2. The shadow doesnt look as smooth as the -moz and -webkit version

Recommendation

• Dont use it.
• You have an image already, just add the nice shadow through Ps (it wont affect the file size that much).