我们是否必须再使用非标准/浏览器特定的CSS供应商前缀？

Question

鉴于我并没有真正关心向后兼容性（我正在探索基于CSS3和HTML5的设计，而不是依赖图形等），使用css有什么好处：

-moz-box-shadow:    3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;

超过 使用：

box-shadow: 3px 3px 5px 6px #ccc;

后者似乎在大多数现代浏览器中工作正常（除了显而易见的！：p看着你的IE！虽然我认为它可能适用于IE9，但我不能测试，因为我在Mac上那一刻）。

我看到了什么吗？我们是否需要使用上面的浏览器特定代码？或者所有浏览器都在朝着支持标准的方向发展？

Answer 1

这实际上取决于您希望完全支持哪些功能和哪些浏览器。即使是现在，一些浏览器仍然落后。

这是一本非常出色的指南：http://caniuse.com/

Answer 2

所有浏览器通常都会转向标准支持。

有两个问题

1. 我们可以使用的很多CSS3规则仍在审核中 - 即不是任何标准的一部分。
2. 有些人坚持使用旧版本的浏览器，这可能不支持非加前缀的规则。

出于这两个原因，我们继续在样式表中使用以供应商为前缀的CSS规则。

Answer 3

您现在唯一需要的前缀是-webkit for chrome和safari支持。 -webkit-animation，-webkit-font-feature-settings，display：-webkit-flex，-webkit-filter等需要Webkit。

-ms，-o和-moz为甚至自己公司已停止支持的浏览器提供支持。