box-shadow同一div上的inset和outside

Question

我不能在同一个div上同时拥有内部和外部的盒子阴影吗？ 我已经尝试但是它不起作用

http://jsfiddle.net/CWuw8/

Answer 1

您需要使用逗号分隔两个阴影：http://jsfiddle.net/gryzzly/CWuw8/3/ 您还需要添加特定于浏览器的前缀，以便在支持的任何位置使用它：

div {
  -webkit-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
  -moz-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
  -o-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
  box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
}

您还必须为阴影指定颜色才能看到它。

Answer 2

使用CSS3，您可以通过逗号分隔多个框阴影，例如：

box-shadow: 10px 10px 10px, 0 0 10px inset;

你可以拥有任意数量的人。

Answer 3

为您更新了小提琴：http://jsfiddle.net/CWuw8/4/