跨瀏覽器的圓角（無圖像）

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功能）。我認爲這是解決問題的更清潔方法之一。