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