我是否还必须使用CSS box-shadow属性的所有五个供应商前缀？

Question

在宣布说box-shadow或text-shadow或渐变时，您是否还需要所有前缀？

-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有a good table显示哪些浏览器需要前缀，哪些浏览器根本不支持box-shadow。

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

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

Answer 2

也许Prefix free会有所帮助。

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

Answer 3

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