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