次のコードを使用して、CSSクラスの角を丸くしようとしています
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
私の問題に関連するいくつかの記事を読んでいますが、上記のコードは問題ないはずですが、私の場合は起動しません。
次のコードを使用して、CSSクラスの角を丸くしようとしています
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
私の問題に関連するいくつかの記事を読んでいますが、上記のコードは問題ないはずですが、私の場合は起動しません。
これをマークアップの最初の行として追加します。
<meta http-equiv="X-UA-Compatible" content="IE=9" />
他のブラウザとの互換性を高めるために、境界線の半径にこれを使用します。
-moz-border-right-radius: 5px;
-webkit-border-right-radius: 5px;
border-right-radius: 5px;
-moz-border-left-radius: 5px;
-webkit-border-left-radius: 5px;
border-left-radius: 5px;
IE9 は CSS3 (業界標準) を使用します。したがって、コードは機能するはずです。
非常に一般的な問題は、ie9 を使用しているにもかかわらず、古いバージョンを使用してページをレンダリングしている可能性があることです。互換モードが誤って有効になっていないか確認してください。開発者ツール (F12) を試して、ドキュメント モードとブラウザー モード (上部) が IE9 に設定されていることを確認することもできます。