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;

您可以拥有任意数量的。