一个元素可以同时有 box-shadow 和 inset shadow 吗？答案

【问题标题】：Can an element have box-shadow and inset shadow at the same time?一个元素可以同时有 box-shadow 和 inset shadow 吗？
【发布时间】：2012-08-27 13:59:37
【问题描述】：

我想在同一个元素上同时拥有外阴影和内（插入）阴影，这可能吗？现在我有这个：

box-shadow: 0 4px 2px -2px #888;
box-shadow: inset 0 0 30px #EEE;

这样插入阴影会覆盖正常的盒子阴影，有什么建议吗？

【问题讨论】：

标签： css

【解决方案1】：

是的。用逗号分隔它们：

box-shadow: inset 0 0 30px #EEE, 0 4px 2px -2px #888;

我相信你最多可以有六个。

【讨论】：

【解决方案2】：

这是您想要的示例fiddle

box-shadow:0 0 30px #222 inset, 0 4px 2px -2px #888;

【讨论】：