不要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属性，以在所有版本的浏览器中保持一致。