IEの「境界半径」のサポート

StackOverflow https://stackoverflow.com/questions/635851

  •  10-07-2019
  •  | 
  •  

質問

Internet Explorerが＆quot; border-radius＆quot;をサポートするかどうか、いつサポートするかを誰もが知っていますか？ CSS属性？

役に立ちましたか？

解決

はい！ IE9が2011年1月にリリースされたとき。

4辺すべてに15ピクセルの偶数が必要だとしましょう：

.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" />

怠zyな開発者の中には、＆lt; meta http-equiv =＆quot; X-UA-Compatible＆quot; content =＆quot; IE = 7＆quot; /＆gt; 。そのタグが存在する場合、IEでborder-radiusは機能しません。

他のヒント

この質問に対する答えは、1年前に尋ねられてから変わっています。 （この質問は現在、グーグルの「境界半径」のトップの結果の1つです。）

IE9は border-radius をサポートします。

利用可能なプラットフォームプレビューがあり、サポート border-radius 。プレビューを実行するにはWindows VistaまたはWindows 7が必要です（リリースされた場合はIE9）。

回避策と便利なツール：

CSS3Pie は.htcファイルと動作プロパティを使用して、CSS3をIE 6〜8に実装します。

Modernizr は、HTML要素にクラスを配置する少しのJavaScriptであり、さまざまなスタイルを提供できます。機能に基づいて異なるブラウザに定義します。

明らかに、これらはどちらもオーバーヘッドを追加しますが、IE9ではVista / 7でのみ実行されるため、かなりの時間スタックする可能性があります。 2010年8月現在、Windows XPは依然としてWebクライアントOSの48％を占めています。

IE8では予定されていません。 CSS互換性ページを参照してください。

>

それ以外には、計画はリリースされていません。 IE8が最後のバージョンになるという噂がありますWindows XP

＆lt;！DOCTYPE html＆gt; このタグなしのborder-radiusはIE9では機能せず、メタタグは不要です。

この質問のクイックアップデート、IE9は次のようにborder-radiusをサポートします： http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers。 aspx

-ms-border-radius：15px を使用します。css-ms-を使用する要素はすべてIEと互換性があります。

IEのコーナー半径の問題が解決します。

http://kbala.com/ie-9-supports-corner- radius /

境界の半径と背景のグラデーションのサポートはどうですか。はい、IE9は両方を別々にサポートしますが、2つを混ぜると、角が丸くなってグラデーションが流れ出します。以下は質の悪い例へのリンクですが、私自身のテストでも見ました。スクリーンショットを撮る必要があります：（

本当の疑問は、IEがMS-FILTER独自のハッキングなしでCSS標準をいつサポートするかです。

http://frugalcoder.us/ post / 2010/09/15 / ie9-corner-plus-gradient-fail.aspx

解決済み-IE 10および11で境界線の半径を正しくレンダリングしていない

-ms-border-radius：またはborder-radius：IE 10,11で動作します そして、すべての正方形をレンダリングしてから、次の手順に従います。

  1. IEブラウザの右上にある歯車をクリックします
  2. 互換表示設定をクリック
  3. デフォルトでチェックされている2つのボックスのチェックを外します。

picのようにボックスがオフになっていることを確認する

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top