当前位置:  开发笔记 > 编程语言 > 正文

在div容器上投下阴影?

如何解决《在div容器上投下阴影?》经验,为你挑选了2个好方法。

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

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



1> 小智..:

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

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

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


http://www.css3.info/preview/box-shadow/ - 我发现这个网站有很多不同阴影效果的例子
在主流浏览器的最新版本中,`box-shadow`应该可以正常工作.不再需要供应商前缀.

2> alex..:

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

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

css3please有一个发电机.

推荐阅读
手机用户2402852307
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有