-moz和-webkit css不再需要?

时间:2011-09-22 09:55:52

标签: css css3 cross-browser

我一直在使用-moz-webkit css样式一段时间用于盒子阴影,文字阴影等等。最近我注意到每个FireFox,Chrome,Safari和IE( 9 )都会产生与标准box-shadowtext-shadow以及类似css样式相同的结果。

我想知道这是否记录在任何地方。因为我成功删除了某个站点中所有特定于浏览器的浏览器,并且在所有这四种浏览器中看起来仍然相同。

6 个答案:

答案 0 :(得分:8)

默认情况下,最新的浏览器支持这些css3属性。但是,这些-moz和-webkit特殊应该仍然用于向后兼容旧版浏览器。较旧的浏览器实现了这些,以允许在它们成为标准之前使用这些属性。

答案 1 :(得分:6)

我认为这取决于您定位的浏览器版本。

听起来,只有当您的应用或网站仅适用于所有浏览器的最新版本时,您才可以在已测试的特定属性上省略-moz和-webkit。

所有浏览器都不支持其他属性,例如我个人最喜欢的webkit-transition。当然,在实际情况下,除非您正在制作个人项目,否则您不太可能只使用最新的浏览器。

答案 2 :(得分:2)

如果您不想写那么多并且仍然想要向后兼容:less.css可能是您的朋友。

另一件事:w3schools.com拥有所有CSS命令的最新数据库以及哪些浏览器支持它。得到了很多帮助。

答案 3 :(得分:1)

将它们保存在没有标准的旧浏览器中,但确实具有-moz和-webkit css样式可能很有用。

答案 4 :(得分:1)

适用于最新版本的Firefox,Chrome和Safari。

但是,对于使用早期版本浏览器的用户(例如Firefox 3.6),您仍需要保留-moz-webkit前缀。
如果你想要定位它们,你不应该删除它们 这些属性虽然是逐步增强的,但删除它们并不会有害。

答案 5 :(得分:0)

最好的办法是将它们全部留在那里,

示例:

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

取决于用户的浏览器版本,他们仍会看到border-radius,旧浏览器仍会使用-moz和-webkit版本,最新版本的safari / firefox或chrome将使用边框的最终实现 - 半径属性。