在div容器上投下阴影？
我有一个search框与自动build议，popup一个div下面与多个searchstringbuild议（如谷歌）。 是否有可能在CSS的自动提示框上投下阴影，还是需要某种脚本？ 我试了一个背景图片，但build议的数量可以从1到10或15。
如果可能的话，我更喜欢IE6 +和FF2 +的东西。 谢谢！
这适用于我所有的浏览器：
.shadow { -moz-box-shadow: 0 0 30px 5px #999; -webkit-box-shadow: 0 0 30px 5px #999; } 那么只要给任何div的影子类，不需要jQuery。
CSS3有一个box-shadow属性。 目前需要供应商前缀才能实现最大的浏览器兼容性。
div.box-shadow { -webkit-box-shadow: 2px 2px 4px 1px #fff; box-shadow: 2px 2px 4px 1px #fff; }
在css3please有一个发生器。
这样做的最广泛的兼容方式可能会创build第二个div在你的自动提示框下，与盒子本身的大小相同，向下和向右移动几个像素。 你可以使用JS来创build和定位它，如果你使用一个相当现代的框架，这应该不是非常困难。
你可能想试试这个。 似乎很容易，至less在IE6和Moz的作品。
<div id ="show" style="background-color:Silver;width:100px;height:100px;visibility:visible;border-bottom:outset 1px black;border-right:outset 1px black;" ></div>
一般的语法是：border- [postion]：[border-style] [border-width] [border-color] | inheritance
可用[border-style]的列表是：
- 虚线
- 点
- 双
- 槽
- 隐
- 插页
- 没有
- 开始
- 岭
- 固体
- inheritance
.shadow { -moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc; }
您可以尝试使用PNG阴影。 IE6不支持它，但它会很好地降解。
http://www.positioniseverything.net/articles/dropshadows.html
