0

JqueryUIの標準テンプレートがあります。タブやアコーディオンなどの場合、cssのborder-radius属性を使用して、角を丸くします。

IE7、8、9、Firefoxなどで一貫している必要があります。

ネット上でこれを変更するようにとのさまざまな投稿を見てきましたが、成功していません。

これは、JQUERYUIcssからのコードです。

/* 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}*/; }

誰か助けてもらえますか?

4

1 に答える 1

3

IE8以下でボーラー半径が必要な場合は、css3pieを使用してみてください。

http://css3pie.com/

これにより、境界線の半径、ボックスの影、その他のビットが有効になります。]

個人的に使うのは好きではありませんが、うまくいきます

于 2012-08-10T09:51:27.487 に答える