什么是-moz-border-radius? -CSS

时间:2014-04-08 20:46:55

标签: css

什么是

-moz-border-radius:

我真的不知道它是什么,我无法在stackoverflow,google或任何地方找到答案。我是web dev的新手,我尝试使用它并打开了firefox,并没有真正的区别。我也不打开其他任何东西。

也是如此

-webkit-border-radius或以-webkit

开头的任何内容

3 个答案:

答案 0 :(得分:3)

它们是供应商前缀属性,类型为vendor specific extension

它们用于在标准化之前实现功能的实验版本。

  

保证永远不会在a中使用初始短划线或下划线   任何当前或未来CSS级别的属性或关键字。从而   典型的CSS实现可能无法识别这些属性   根据处理解析错误的规则忽略它们。   但是,因为初始破折号或下划线是其中的一部分   语法,CSS 2.1实现者应该始终能够使用   符合CSS的解析器,无论它们是否支持任何特定于供应商的解析器   扩展。

     

作者应避免特定于供应商的扩展

答案 1 :(得分:3)

任何以 - 前缀开头的内容都适用于特定的浏览器。

  • -moz适用于firefox
  • -webkit适用于chrome和safari
  • -o是歌剧
  • -ms适用于Internet Explorer

边界半径只是围绕元素的角。您可以将值设置为5px,您将看到差异。这是展示房产的小提琴:http://jsfiddle.net/Ps4mN/

border-radius: 5px;

答案 2 :(得分:0)

实现浏览器兼容性和大多数导入向后兼容性非常重要。 Mozilla过去曾使用它自己独特的解析CSS的方法。由于这个原因,它们在CSS的新标准方面略显落后,不得不在以后添加它们。在这些属性中添加前缀后,他们可以突出显示他们的“新”字样。实施已经发布的CSS作为一个新的和改进的'什么是已经出来的愿景。请参阅branding

因此,它在开发人员之间引起了很多兼容性问题。决定开发哪些浏览器,或如何针对特定品牌进行优化。这进一步加剧了它的臭名昭着以及它的收入。

最近才有一些浏览器陷入以下CSS标准,例如border-radius:

然而,对于这场仍然激烈的战争,你需要记住很多人不使用你正在使用的浏览器。事实上,大约25%的在线计算机仍然运行Windows XP以及Internet Exploder(对不起,Internet Explorer或类似的东西)!除了有趣的解决方法之外,没有简单的方法来支持圆角。

请查看有关新老浏览器 right here 的交叉兼容边框的文章。请注意,border-radius:将在较新版本的Mozilla中运行,但不适用于较旧版本的Mozilla。它还将在大多数Web标准浏览器的当前版本上运行。为旧版浏览器保留一些遗留代码总是好的。