Question

我有来自Jquery UI的标准模板。对于标签和手风琴等，它使用它的css中的border-radius属性来使角变圆。

我需要在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及以下版本中使用镗孔半径，你可以尝试使用css3pie：

http://css3pie.com/

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

我不喜欢亲自使用它，但它确实有用

JQUERY UI - border-radius问题。 IE7和IE8不支持，需要圆角的方法

1 个答案: