0

私は、IE 10 をブラウザー モードとして、IE5 quirks をドキュメント モードとして完全に動作する Web サイトを持っています。ただし、このシナリオでは角を丸くすることはできません。ドキュメント モードを IE 9 標準に変更すると、角が丸くなります。しかし、ドキュメント モードとして IE 5 の癖が必要です。

私のCSSは次のとおりです。

.roundedcorner
{
    behavior: url(/Includes/border-radius.htc);
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    border-top-left-radius:30px;
    border-top-right-radius:30px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}
4

3 に答える 3

4

Quirks モードは CSS3 をサポートしておらず、CSS の動作はIE10 では無効になっています。ヘッダーを設定しIE=edgeて Quirks モードを忘れることができます。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

http://border-radius.com/を見てください。

-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;
于 2013-08-26T10:58:55.197 に答える
0

これを試して

<!--[if gte IE 9]>
    <style>
        .roundedcorner{
            border-top-right-radius: 20px; 
            border-bottom-right-radius: 20px; 
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
        }
    </style>
<![endif]-->

また

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style>
.roundedcorner{
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
</style>

お気に入り

デモ

于 2013-08-26T10:58:52.840 に答える
0

でブラウザ モードIE9を使用しますIE9 standards。ここでコードは正常に動作します。また、すべてが の場合、各コーナーを個別のプロパティとして定義する必要がないため、 を30px使用するだけborder-radius: 30px;です。

于 2013-08-26T10:59:27.990 に答える