[解決済み] 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は決して機能しません。
関連
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] div 内の画像を縦に並べる方法
-
[解決済み] スクロールバーを隠すが、スクロールはできる状態
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み】CSSを使用して、すべてのブラウザでdiv要素を垂直方向に中央に配置するにはどうすればよいですか?
-
[解決済み】X-UA-CompatibleをIE=edgeに設定しても、互換モードが止まらない。
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
-
[解決済み] IEでの "border-radius "対応について
-
[解決済み] Internet ExplorerはpushStateとreplaceStateをサポートしていますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ユーザーエージェントの文字列にある「Trident」は何を意味しているのですか?
-
[解決済み] Html5: ビデオファイルが見つかりません
-
[解決済み] IE11で "SSL network extender service is down "というエラーが発生する。
-
[解決済み] Internet Explorer 11からInternet Explorer 10にダウングレードする方法を教えてください。
-
[解決済み] Internet ExplorerのIFRAMEでCookieがブロックされる/保存されない
-
[解決済み] Internet Explorer 6、Internet Explorer 7、Internet Explorer 8を同一マシンで動作させる場合
-
[解決済み】X-UA-CompatibleをIE=edgeに設定しても、互換モードが止まらない。
-
[解決済み] IEでの "border-radius "対応について
-
[解決済み] Internet Explorer 8はHTML 5をサポートしていますか?
-
[解決済み] IE9でCSS3の@font-faceを使用してAdobeフォントを動作させる