JQUERY UI - 边界半径问题。 IE7和IE8不支持，需要圆 Angular 的方法

Question

我有来自 Jquery UI 的标准模板。对于选项卡和 Accordion 等，它使用其 css 中的 border-radius 属性使 Angular 变圆。

我需要它在 IE7、8、9、Firefox 等中保持一致。

我在网上看到很多帖子告诉我现在要改变这个，但我没有成功。

这是来自 JQUERY UI css 的代码:

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

有人可以帮忙吗？

Answer 1

如果你想在 IE8 及以下版本中使用 borer radius，你可以尝试使用 css3pie:

http://css3pie.com/

这将启用边框半径、框阴影和其他位。]

我个人不喜欢用它，但它确实有效