1. ホーム
  2. internet-explorer

[解決済み] IEでの "border-radius "対応について

2022-04-25 21:45:31

質問

Internet Explorer が "border-radius" CSS 属性をサポートするかどうか、またいつサポートするかご存知の方はいらっしゃいますか?

解決方法を教えてください。

はい、そうです。 IE9が2011年1月にリリースされたら。

例えば、4辺を均等に15pxにしたいとします。

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

IE9 はデフォルトの border-radius そのため、ボーダー半径を呼び出すすべてのスタイルにこの記号が含まれていることを確認してください。そうすれば、あなたのサイトはIE9に対応します。

-moz-border-radius はFirefox用です。 -webkit-border-radius はSafariとChrome用です。

さらに:IEのコーディングはie9と宣言することを忘れないでください。

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

一部の怠惰な開発者は <meta http-equiv="X-UA-Compatible" content="IE=7" /> . このタグが存在する場合、IEではborder-radiusは決して機能しません。