PDA

View Full Version : Shadow under/around layer (Drop down/ Overlapping Content)



chrbar
01-08-2008, 08:25 PM
Hello ;)

1) Script Title:
Drop down/ Overlapping Content

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

3) Describe problem:

I want to use this script and I would like to display a white "subcontent" layer (without border) but with a shadow effect around it!

I've tried different ways to add it (running with IE only, it's ok too), but I don't obtain a good result!

I've tried with adding...

A/ CSS Gradient Shadow
http://www.dynamicdrive.com/style/csslibrary/item/css-gradient-shadow/

<DIV id="subcontent1" style="position:absolute; visibility:hidden; border:0px; background-color:white; width:218px; padding:0px;" class="shadow" style="display:block" rel="red">
../..
No shadow under/around the "subcontent" layer... but a shadow layer appears at top left of the page.


B/ CSS Image Drop Shadows
http://www.dynamicdrive.com/style/csslibrary/item/css-image-drop-shadows/

<DIV id="subcontent1" style="position:absolute; visibility:hidden; border:0px; background-color:white; width:218px; padding:0px;">
<div class="shiftcontainer">
<div class="shadowcontainer">
<div class="innerdiv">
../...
A shadow appears a bottom, inside the "subcontent" layer (and not beside/around it).

C/ filter:shadow
http://www.mandarindesign.com/shadow.html

<DIV id="subcontent1" style="position:absolute; visibility:hidden; border:0px; background-color:white; width:218px; padding:0px; filter:shadow(color:gray,strength:20, direction:135);">

No shadow under/around the "subcontent" layer (with IE too).

Someone could help me?
Thanks a lot ;)
Chris