我一直在使用-moz
和-webkit
css样式一段时间用于盒子阴影,文字阴影等等。最近我注意到每个FireFox,Chrome,Safari和IE( 9 )都会产生与标准box-shadow
和text-shadow
以及类似css样式相同的结果。
我想知道这是否记录在任何地方。因为我成功删除了某个站点中所有特定于浏览器的浏览器,并且在所有这四种浏览器中看起来仍然相同。
答案 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将使用边框的最终实现 - 半径属性。