CSS盒子陰影屬性未在Safari

box-shadow: 3px 3px 6px 6px;

這個屬性是工作在鉻火狐IE瀏覽器而不是在Safari瀏覽器5CSS盒子陰影屬性未在Safari

我試着寫這樣的，但它不工作

-webkit-box-shadow:3px 3px 6px 6px;

可能是一個CSS渲染問題與您的機器上的Safari瀏覽器..在不同的PC上不同的Safari瀏覽器相同。 –

工作

你曾經通過

-moz-box-shadow: 10px 10px 5px #888; 
-webkit-box-shadow: 10px 10px 5px #888; 
box-shadow: 10px 10px 5px #888;

2013-09-23 06:53:00 Anagio

是的，謝謝你的工作。它因爲顏色屬性。 –

@alliprashanth不用客氣，如果你覺得這個有幫助可以隨意投票或者將它標記爲答案 – Anagio

試過你有沒有在這裏定義的顏色（box-shadow: h-shadow v-shadow blur spread color inset;）

<color>如果沒有指定，使用的顏色取決於瀏覽器 - 它通常是顏色屬性的值，但要注意的是Safari瀏覽器目前畫在這種情況下透明的影子。

這樣定義顏色野生動物園

-webkit-box-shadow: 3px 3px 6px 6px #color_you_want;

2013-09-23 06:54:47

我真的很感謝評論與投票..並相信我我不是刻板人誰報仇投票:) –

#example1 { 
-moz-box-shadow: 10px 10px 5px #888; 
-webkit-box-shadow: 10px 10px 5px #888; 
box-shadow: 10px 10px 5px #888; 
}

2013-09-23 06:55:19 Rex

-webkit-appearance: none; 
-webkit-box-shadow: 3px 3px 6px 6px #addacolor; 
box-shadow: 3px 3px 6px 6px #addacolor;

2013-09-23 06:56:12

在我的case -webkit-appearance：沒有幫助; – dehumanizer

僅供參考，我也有類似的問題，這箱陰影：

box-shadow: 0 0.06rem 0 0 rgba(44, 43, 63, 0.1);（非常小的陰影！）

它在其他瀏覽器的工作，除了野生動物園（8節）誰沒有表現出陰影。我必須增加價值。

2017-09-13 10:03:37

回答