截至目前,我认为只有Firefox支持-moz-border-radius
属性。我很惊讶twitter使用它。
是否有任何其他浏览器计划支持此功能,或者CSS3是否有类似的功能?
修改:我还找到了-webkit-border-top-left-radius,然后是CSS3 version
那么CSS3何时问世?
答案 0 :(得分:11)
目前,基于Mozilla和WebKit的浏览器具有实验性支持,-moz-border-radius
和-webkit-border-radius
。现在使用它们并不坏,只要您了解它们是临时措施,直到它们得到正确实施。我希望在你看到Mozilla,Firefox和IE中对border-radius
的完全支持之前不久。 (好吧,希望IE。)
更新:截至2016年8月,所有原生桌面浏览器(以及大多数移动浏览器,更不用说)中的border-radius being natively available,使用-moz-border-radius
的严格性,{ {1}}和类似的东西正在慢慢放松。
答案 1 :(得分:3)
因为CSS3规范还没有最终确定,所以Mozilla和Webkit决定实现他们自己的圆角方法,通过在前面添加特定于供应商的标签来正确地进行。
这样做是为了在CSS3最终发布时,如果它们改变了border-radius应该如何工作(例如:参数的顺序),那么使用特定于供应商的方法的任何站点都不会被破坏。 Mozilla和WebKit可以继续实施W3C风格,开发人员可以慢慢转向。
你看到一些网站使用它并不太令人惊讶,特别是对于像圆角这样的东西,它不会对用户体验产生巨大的影响。我的意思是,只是IE用户错过了,他们应得的一切。
答案 2 :(得分:3)
当人们谈论CSS3问世时,它会让我感到烦恼。它不像以前那样完整。它已被分解为单独的模块,可以独立增加其版本。
所以选择器等级4 可以在 CSS背景和边框等级3 之前做出推荐。
那么,CSS3会到货吗?最终,但不是所有的一次。所以不要等待它,现在开始使用它(如适用)。
答案 3 :(得分:2)
CSS3在工作中有类似的东西。
答案 4 :(得分:2)
根据this,IE 8 不 支持border-radius。
答案 5 :(得分:1)
任何以短划线开头的CSS属性(例如-moz
,-webkit
)都是特定于浏览器的属性。
这允许浏览器供应商尝试新的CSS属性。这样做是编写新CSS规范的过程的一个常见部分,允许Web开发人员查看属性如何工作并引发问题。
因此,您会发现很多CSS 3属性,例如border-radius
目前在某些具有特定于供应商的扩展的浏览器中实现。
在生产网站上使用这些内容没有什么特别的错误,只要您知道它们只能在一个浏览器中使用。
CSS 3应该在任何十年内出现:)
答案 6 :(得分:1)
基于浏览器的属性仅适用于该特定浏览器的临时修订,并且当W3C将它们引入CSS时,它们应该被弃用。我不会依赖它们进行跨浏览,甚至不能用于特定的浏览器。