0

IE8 でスライダーのナビゲーション タブの角を丸くしようとしています: csr.steelcase.com ...("私たちのビジョン"、"私たちの CEO からのメモ" など)

このサイトは WordPress でプログラムされており、読んだいくつかの記事に従って CSS3PIE を正しくインストールしましたが、何らかの理由で IE8 で角を丸くすることができません。代わりにPIE.htcファイルへのリンクも試みました...無駄です。

 body.company .flex-control-paging li a.flex-active{background: white; color:#333;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
zoom: 1;
position: relative;
behavior: url(http://csr.steelcase.com/wp-content/themes/steelcase360_theme_csr/pie_ver1/PIE.php);
}

誰にもアイデアはありますか？ご協力いただきありがとうございます。

4

1 に答える 1

2

PIE.htc は境界半径の省略形のみをサポートするため、次のように使用します。

body.company .flex-control-paging li a.flex-active{
    background: white;
    color:#333;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    zoom: 1;
    position: relative;
    behavior: url(http://csr.steelcase.com/wp-content/themes/steelcase360_theme_csr/pie_ver1/PIE.php);
}

http://css3pie.com/documentation/supported-css3-features/#border-radius

于 2013-02-07T00:35:41.720 に答える