box-shadow插入內部和外部相同的div

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，你可以有multple箱陰影只是用逗號分隔條件如他們：

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

你可以有你想要的。

Answer 3

更新你的小提琴爲你：http://jsfiddle.net/CWuw8/4/