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等。检查您正在使用的safari版本。但为了实现跨浏览器的兼容性，还应包括特定于供应商的CSS3属性，以保持所有版本浏览器之间的一致性。