効果なしIE9で "border-radius"を使用しています

Question

私はこれを見つけましたが、解決策を見つけることができませんでした。私は私のdivにコーナー半径を適用していますが、IE9は効果を表示しません。

CSS：

.ipleft { 
width: 512px; 
height:300px; 
-webkit-border-radius: 10px 0px 0px 10px; 
-khtml-border-radius: 10px 0px 0px 10px; 
-moz-border-radius: 10px 0px 0px 10px; 
border-radius: 10px 0px 0px 10px; 
background-image: url(images/ipleft.png); 
float: left;} 

.ipright { 
width: 512px; 
position: relative; 
height:300px; 
-webkit-border-radius: 0px 10px 10px 0px; 
-khtml-border-radius: 0px 10px 10px 0px; 
-moz-border-radius: 0px 10px 10px 0px; 
border-radius: 0px 10px 10px 0px; 
background-image: url(images/ipright.png); 
float: right;} 

私は、適切なメタタグを追加し、それはまだ働いていません！このサイトはwww.campusonsale.comです。あなたがFFで見ている場合、丸みを帯びたコーナーは問題なく適用されますが、IE9は長方形のコーナーを示しています！

Answer 1

IEはページ上でクォークモードに切り替わります。そのため、コーナーが機能しません。私はdoctypeの前にスクリプトタグがあると思うが、可能性のあるすべての理由を排除するためにバリデーターを使うべきだ。

Answer 2

あなたのウェブサイトは奇妙なモードで表示されています。これは、<!doctype>の前にあるコンテンツ（<script>要素）があるためです。 quirksモードでは、IEはIE5と同様のレンダリングを使用するため、border-radiusは機能しません。

Answer 3

私はあなたがこのmetaタグを追加する必要があることが考えられます。これは、国境半径によってレンダリングされる意味、それが利用可能な最新のレンダリングエンジンを使用するためにIEを教えてくれます<meta http-equiv="X-UA-Compatible" content="IE=edge" />

を。これはIE9以降に当てはまります。

Answer 4

これを試してみます。それは私のために働いた：

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