的WebKit多個內嵌陰影

Question

我有麻煩在webkit的一個元素上設置多重陰影：

-moz-box-shadow: inset 0 0 3px #999, 0 0 5px #fff; 
-webkit-box-shadow: inset 0 0 3px #999, 0 0 5px #fff; 
box-shadow: inset 0 0 3px #999, 0 0 5px #fff; 

它工作正常，在Firefox，但Safari瀏覽器只顯示插圖影子。我試圖分別設置兩個值。但野生動物園只需算上最後值：

-webkit-box-shadow: inset 0 0 3px #999; 
-webkit-box-shadow: 0 5px #fff; 

是有可能設置一個以上的影子在Safari/WebKit的單個元素嗎？

Answer 1

這聽起來很愚蠢，但我認爲WebKit特定CSS 3功能的最佳文檔是... MDC，在您的情況下，相關頁面爲-moz-box-shadow。它包含具有多個陰影的框的示例，指向包含more examples的頁面的鏈接以及compatibility table。

如您所見，只有Safari 4.0（以上）支持多個陰影。