4

鉴于我并不真正关心向后兼容性（我正在探索基于 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 上无法测试） .

我在看东西吗？我们是否需要使用上面的浏览器特定代码？还是所有浏览器都在朝着支持标准的方向发展？

4

3 回答 3

7

这实际上取决于您想要完全支持哪些功能和哪些浏览器。即使是现在，一些浏览器也落后了。

这是一个非常好的指南：http ://caniuse.com/

于 2012-02-22T19:48:14.777 回答
2

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

有两个问题

  1. 许多可供我们使用的 CSS3 规则仍在审查中——即尚未成为任何标准的一部分。
  2. 有些人坚持使用旧版本的浏览器，它可能不支持非前缀规则。

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

于 2012-02-22T19:48:57.587 回答
0

您现在唯一需要的前缀是用于 chrome 和 safari 支持的 -webkit。-webkit-animation、-webkit-font-feature-settings、显示：-webkit-flex、-webkit-filter 等需要 Webkit。

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

于 2014-12-22T13:57:29.143 回答