2

截至目前,我相信只有 Firefox 支持-moz-border-radius属性。我很惊讶 twitter 使用它。

是否有任何其他浏览器计划支持此功能,或者 CSS3 是否有类似的功能?

编辑:我还找到了-webkit-border-top-left-radius然后是CSS3 版本

那么CSS3什么时候出来呢?

4

7 回答 7

10

CSS3 有border-radius.

目前,基于 Mozilla 和 WebKit 的浏览器具有实验性支持,-moz-border-radius并且-webkit-border-radius. 现在使用它们还不错,只要您了解它们是临时措施,直到它们被正确实施。我预计不久之后您就会看到对border-radiusMozilla、Firefox 和 IE 的全面支持。(好吧,希望是 IE。)

更新:截至 2016 年 8 月,border-radius在所有原生桌面浏览器(以及大多数移动浏览器,更不用说)中原生可用,使用-moz-border-radius,-webkit-border-radius和类似的严格性正在慢慢放松。

于 2008-12-01T04:01:10.753 回答
3

由于 CSS3 规范尚未最终确定,Mozilla 和 Webkit 决定实现自己的圆角方法,以正确的方式进行,方法是在前面添加特定于供应商的标签。

这样做是为了当 CSS3 最终发布时,如果他们改变了边框半径应该如何工作(例如:参数的顺序),那么使用供应商特定方法的站点都不会被破坏。Mozilla 和 WebKit 可以继续实现 W3C 风格,开发人员可以慢慢转向。

您看到一些网站使用它并不奇怪,尤其是对于圆角之类的东西,它不会对用户体验产生巨大影响。我的意思是,错过的只是 IE 用户,他们应得的一切。

于 2008-12-01T04:19:35.910 回答
3

当人们谈论 CSS3 的问世时,我感到很烦。它不像以前的那样是一个完整的规范。它已被分解为单独的模块,可以独立地增加它们的版本。

所以选择器级别 4可能会在CSS 背景和边框级别 3之前进行推荐。

那么,CSS3 会到来吗?最终,但不是一次。所以不要等待它,现在就开始使用它(如果适用)。

于 2008-12-02T18:44:18.473 回答
2

CSS3 正在开发类似的东西。

于 2008-12-01T03:52:15.000 回答
2

据此 IE 8 将支持border-radius。

于 2008-12-01T04:18:59.593 回答
1

任何以破折号开头的 CSS 属性(例如-moz, -webkit)都是特定于浏览器的属性。

这允许浏览器供应商试验新的 CSS 属性。这样做是编写新 CSS 规范过程中的一个常见部分,以允许 Web 开发人员查看属性如何工作并引发问题。

因此,您会发现许多 CSS 3 属性,例如border-radius当前在某些具有供应商特定扩展的浏览器中实现的。

只要您知道它们只能在一个浏览器中工作,在生产站点上使用它们并没有什么特别的错误。

CSS 3 应该会在任何十年出现 :)

于 2008-12-01T13:56:01.940 回答
1

基于浏览器的属性仅用于该特定浏览器的临时修复,并且应该在 W3C 将它们纳入 CSS 时被弃用。我不会依赖它们来跨浏览器,甚至不会依赖于特定的浏览器。

于 2009-10-26T18:10:11.727 回答