IE9 でテーブル セルの上の角が丸くならないのはなぜですか?

IE9 の境界半径の問題: コーナーケース

問題: 左上と右上の角を丸くすることができませんIE9 では表のセルの端に問題がありますが、同じコードは Firefox、Chrome、Safari では問題なく動作します。何が足りないのでしょうか?

コード スニペット:

border-left: solid 1px #444f82;
border-right:solid 1px #444f82;
border-top:solid 1px #444f82;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
-khtml-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
-khtml-border-radius-topleft: 7px;
behavior: url(/survey_templates/PIE.htc);

答え:

border-radius は IE9 でサポートされていますが、互換性を有効にするために追加の手順が必要です。この問題を解決するには、次のメタ ヘッダーをページに追加します。

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

「edge」値は、IE に最新のレンダリング エンジンを使用するように指示し、border-radius などの CSS 機能を正しく解釈するようにします。したがって、IE9 では、一部の CSS スタイルで問題を引き起こすことが知られている互換モードの代わりに、組み込みエンジンを使用します。

以上がIE9 でテーブル セルの上の角が丸くならないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。