Drop shadow on a div container

Question

I have a searchbox with auto-suggest that pops a div up underneath it with multiple search string suggestions  like google    Is it possible to have drop shadow on the auto-suggest box with CSS or will I need a script of some sort   I tried a background image but the number of suggests can vary from 1 to 10 or 15   I d prefer something that works in IE6  and FF2  if possible  Thanks

User · Answer

you might want to try this  Seems to be pretty easy and works on IE6 and Moz atleast    lt div id   show  style  background-color Silver width 100px height 100px visibility visible border-bottom outset 1px black border-right outset 1px black    gt  lt  div gt    The general syntax is   border- postion   border-style   border-width   border-color    inherit   The list of available  border-style s are     dashed  dotted double groove hidden inset none outset ridge solid inherit

User · Answer

You can try using the PNG drop shadows   IE6 doesn t support it  however it will degrade nicely   http   www positioniseverything net articles dropshadows html

User · Answer

CSS3 has a box-shadow property  Vendor prefixes are required at the moment for maximum browser compatibility   div box-shadow       -webkit-box-shadow  2px 2px 4px 1px  fff      box-shadow  2px 2px 4px 1px  fff      There is a generator available at css3please

User · Answer

shadow       -moz-box-shadow     3px 3px 5px 6px  ccc      -webkit-box-shadow  3px 3px 5px 6px  ccc      box-shadow          3px 3px 5px 6px  ccc

User · Answer

This works for me on all my browsers    shadow   -moz-box-shadow  0 0 30px 5px  999  -webkit-box-shadow  0 0 30px 5px  999      then just give any div the shadow class  no jQuery required

User · Answer

The most widely compatible way of doing this is likely going to be creating a second div under your auto-suggest box the same size as the box itself  nudged a few pixels down and to the right  You can use JS to create and position it  which shouldn t be terribly difficult if you re using a fairly modern framework

[css] Drop shadow on a div container?

Examples related to css

Examples related to html

Examples related to dropshadow