跨浏览器圆角（无图像）

Question

将PSD转换为HTML甚至是HTML5和CSS时，要在所有浏览器（特别是Internet Explorer）中使角落变圆并使这些角落保持一致是多么困难？

假设角落是用代码四舍五入的，而不是图像。

Answer 1

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

Answer 2

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

Answer 3

对于不使用Javascript的跨浏览器圆角，有一些解决方法：

  

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

将CSS3用于webkit＆amp;基于gecko的浏览器，用于Opera的SVG和用于IE的VML 如果您想通过Javascript，也可以使用众所周知的jQuery Corners。

Answer 4

使用CS3 border-radius属性，并不难。有些浏览器有自己的实现，例如firefox的-moz-border-radius和safari和chrome的-webkit-border-radius。

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