jquery - 如何让 div 元素周围有阴影?

标签 jquery css html cross-browser

我正在寻找一种在 div“盒子”周围有一个非常漂亮的阴影的方法。

如何在所有浏览器中完成此操作?

我做了研究,发现人们有很多阴影的例子,它们只能在更强大的浏览器中工作。

我应该以某种方式使用图像吗?我怎么能这样做呢?有什么想法吗?

最佳答案

有几个选项。 CSS3 box shadows是其中之一。您还可以使用CSS3PIE适用于尚不支持 CSS3 框阴影的浏览器,但您会发现它看起来与更现代的浏览器中的 CSS3 阴影不完全相同。除此之外,您还可以使用在 Photoshop 之类的工具中创建的阴影,并将它们放置在您的 div 的“后面”以及使用背景图像的另一个 div,并使用定位来偏移您的“顶部”div,以便显示阴影。

关于jquery - 如何让 div 元素周围有阴影?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6481381/

相关文章:

jquery - jQuery ajax 调用失败

jquery - 当我单击 div 区域时,div 应该消失,当我单击页面中的任何位置时 div 应该出现

HTML "Table"带有滚动中间单元格?

javascript - 在 AngularJS 和 ui-router 中遇到嵌套状态的问题

PHP邮件程序 : replace the default messageID

jquery - 使用 JQuery 从特定表中删除列

javascript - 模块化JS : Onclick checkbox => enable radio buttons for more options - What is the right way doing this using modular js?

javascript - "progressive"网站加载中

css - 修复 WooCommerce 商店页面行

php - 如何在单击按钮时更改表单输入标签的 CSS 属性(边框颜色)并提交数据?