css - 我是否仍然必须为 CSS box-shadow 属性使用所有五个供应商前缀？

Question

在声明 say box-shadowor or text-shadowor gradients 时，你还需要所有前缀吗？

-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
-ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
-o-box-shadow: inset 0 0 1px 1px #e3e3e3;
box-shadow: inset 0 0 1px 1px #e3e3e3;

我理解主要的：

 -webkit-
 -moz-
 box-shadow

但是随着浏览器的增长，我想尝试了解一下此时是否有必要使用 5 个前缀？

想法，评论？

Answer 1

caniuse.com 有一个很好的表格，显示哪些浏览器需要前缀，哪些根本不支持box-shadow。

（需要前缀的版本在版本号下方有该前缀，如下面的屏幕截图所示。）

是否需要为正在构建的任何站点使用前缀取决于站点的现有/目标受众实际使用的浏览器。

Answer 2

也许前缀免费会有所帮助。

它将添加每个浏览器所需的前缀。

Answer 3

随着浏览器的不断改进，很难确定是否可以删除某些 CSS3 添加的供应商前缀。因为 CSS3 是“模块化的”并且在语法和浏览器支持方面都经历了缓慢的变化 - 最好坚持使用供应商前缀，直到所有这些怪癖都被 W3C 和浏览器等过滤掉。如上所述，您始终可以查看特定浏览器或帮助站点以获取有关旧版浏览器支持的信息。