Question

我想要应用3px左上角＆amp;右上半径边界。

我如何在所有浏览器（例如IE，WebKit，Mozilla）中执行此操作？

如果浏览器不支持border-radius属性，则默认为无半径（方角）。

Answer 1

如果IE支持任何标准生病吃我的帽子。

这是你可以期待的最好的：

-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

编辑：我的不好，错过了“左上角和右上角”部分，纠正了密码

Answer 2

border-radius.com非常适合：

-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

Answer 3

检查此主题。它应该涵盖圆角的所有需求： Emulating CSS3 border-radius and box-shadow in IE7/8

Answer 4

border-top-left-radius:3px;
border-top-right-radius:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-topleft:3px;

这适用于Mozilla和Webkit浏览器以及支持CSS3 border-radius属性的任何内容。 IE =没有去。此外，你应该注意FF2将支持这一点，但圆形边缘不是很漂亮。

CSS浏览器应用半径边框的安全方式？

4 个答案: