border-radiusがIE10で動作しない

Question

角が丸いコンテナ "DIV"が必要です。次のコードは私のIE10を除くすべてのブラウザで完全に動作します。私はそれを動作させるためにどのように行うべきか手がかりがありません。

#about-kader { 
    width: 200px; 
    height: 180px; 
    float: left; 
    margin: 0px auto; 
    background-color: #9bafc4; 
    padding: 3px; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    -ms-border-radius: 5px; 
    behavior: url(border-radius.htc); 
} 

そして、ここでは、HTMLの一部だ、してください：

<div id="about-kader"> 
... 
... 
... 
</div> 

IE10に見える任意のラウンドコーナーを作るための方法はありません。私が持っているバージョンは：10.0.9200.16576、アップデートバージョン：10.0.5（KB289530）です。

Answer 1

ボーダー半径を使用してみましょう：5px、それでは動作しますか？そうであれば、問題の発生場所を見つけるまで、余分なborder-radiusプロパティを1つずつ追加します。私はそれが問題を引き起こしている余分なボーダー半径のプロパティの1つだと思う。私はその行動が問題の原因かもしれないと思う。

Answer 2

ボーダー半径の動作はIE10の互換モードの影響を受けます。

F12キーを押すと、開発者用コンソールが表示され、互換性の設定を変更できます。

ドキュメントモードがIE7またはIE8標準に設定されている場合、ボーダー半径5ピクセルは機能しませんが、標準モードがIE9標準または標準に設定されている場合、期待どおりに動作します。

私が使用している他のウェブサイトの動作も損なわれるため、互換モードをオフにしました。

Ravenstar68

Answer 3

Flipbed's answerのおかげで私は答えを見つけました。 IE10では、私の "ボーダー半径"は機能しません。

border-top-left-radius:5px; 
border-top-right-radius:5px; 
border-bottom-left-radius:5px; 
border-bottom-right-radius:5px; 

は確かにあなたが送信されたサイトは、正確には、（ページのソースを見て）ん：それは働いて得るためには、各コーナーを指定する必要があります。

border-radius: 5px; 

ただし、内部では上記のように4つのコーナーを個別に宣言しています。

_{これは質問から抽出され、OPのために掲載されました。}