跨浏览器的圆角（无图像）

Question

将PSD转换为HTML甚至HTML5和CSS时，要绕过角点并使所有浏览器（特别是Internet Explorer）的角落保持一致更困难？

假设拐角四处用代码而不是图像。

Answer 1

如果您需要JavaScript解决方案，您可以检出Corner。它是跨平台的。

Answer 2

随着CS3 border-radius属性，这并不难。有些浏览器有自己的暗示，比如firefox的-moz-border-radius，safari和chrome的-webkit-border-radius。

但IE仍然不支持border-radius，所以很难让它跨浏览器工作。

Answer 3

有跨浏览器的一些变通圆角不使用Javascript：

CSS Rounded Corners In All Browsers
An Experiment in Rounded Corners
Rounded corners in CSS (cross browser implementations)

使用CSS3的WebKit的&壁虎基于浏览器，SVG歌剧和VML for IE。
如果你想通过Javascript使用，你也可以使用着名的jQuery Corners。

Answer 4

您已经接受，但是CSS3 PIE您可以在IE3中使用border-radius属性（以及渐变，阴影和其他有趣的CSS3功能）。我认为这是解决问题的更清洁方法之一。