在div容器上投下阴影？

Question

我有一个带有自动建议的搜索框,在其下面弹出一个div,其中包含多个搜索字符串建议(如google).是否有可能在CSS的自动建议框上有阴影或我需要某种类型的脚本？我尝试了背景图像,但建议的数量可以从1到10或15不等.

如果可能的话,我更喜欢在IE6 +和FF2 +中工作的东西.谢谢!

Answer 1

这适用于我的所有浏览器:

.shadow {
-moz-box-shadow: 0 0 30px 5px #999;
-webkit-box-shadow: 0 0 30px 5px #999;
}

然后只给任何div阴影类,不需要jQuery.

Answer 2

CSS3有一个box-shadow属性.目前需要供应商前缀以实现最大的浏览器兼容性.

div.box-shadow {
    -webkit-box-shadow: 2px 2px 4px 1px #fff;
    box-shadow: 2px 2px 4px 1px #fff;
}

css3please有一个发电机.