不要Safari支持box-shadow？

Question

在我的情況下，Win7的Sarari中的盒子陰影很好。

但在Mac中不起作用。我應該使用-webkit-box-shadow嗎？但是爲什麼窗口中的陰影可以？

Answer 1

Safari只支持在桌面上從版本5.1開始的box-shadow的前綴版本;舊版本僅支持通過供應商擴展-webkit-box-shadow，如下所示：http://caniuse.com/css-boxshadow

您的Mac的Safari可能爲5.0或更高版本，而您的Windows PC的Safari至少爲5.1版本，這說明您看到的行爲。

Answer 2

box-shadow是通用的CSS3屬性。但支持CSS3的大多數瀏覽器都實現了自己的CSS3屬性，如-webkit-box-shadow,-moz-box-shadow等。最新版本的Firefox，Chrome，Safari和Opera支持通用的CSS3屬性。檢查您使用的Safari瀏覽器的版本。但對於跨瀏覽器兼容性，還包括供應商特定的CSS3屬性，以在所有版本的瀏覽器中保持一致。