web-dev-qa-db-ja.com

IEの "border-radius"のサポート

誰かがInternet Explorerが "border-radius" CSS属性をサポートするかどうか/いつ知っているのですか?

157
Tony the Pony

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

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" />を持っています。そのタグが存在する場合、border-radiusはIEでは機能しません。

218
Kevin Florida

この質問に対する答えは、1年前に質問されてから変わりました。 (この質問は現在、Googlingの "border-radius ie"のトップの結果の1つです。)

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

プラットフォームのプレビューがあります 利用可能 これは サポートborder-radius。プレビューを実行するにはWindows VistaまたはWindows 7が必要です(そしてそれがリリースされたときはIE 9が必要です)。

46
David Johnstone
27
Luis Melgratti

回避策と便利なツール:

CSS3Pie はCSS3をIE 6 - 8に実装するために.htcファイルとbehaviorプロパティを使用します。

Modernizr はhtml要素にクラスを追加するちょっとしたjavascriptで、それらの機能に基づいて異なるブラウザに異なるスタイル定義を提供することを可能にします。

明らかに、これらの両方がより多くのオーバーヘッドを追加します、しかし、Vista/7上でのみ動くのでIE9で我々はかなりしばらくの間立ち往生するかもしれません。 2010年8月現在、Windows XPは依然としてWebクライアントOSの48%を占めています。

18
Peter G

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

それ以上に計画は発表されていません。という噂があります IE8が最後になるでしょう Windows XP用のバージョン

12
Ben S

このタグがない<!DOCTYPE html>は、IE9では機能しません。メタタグは不要です。

7
JAVAC

この質問へのクイックアップデート、IE9によるとボーダー半径をサポートします: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for -developers.aspx

6
simonrjones

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

4
Iago Bruno

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

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

2
jaya

境界線の半径と背景のグラデーションのサポートについてはどうですか。はいIE9はそれらを別々にサポートすることですが、2つを組み合わせるとグラデーションは丸みを帯びた角から流れ出ます。以下は悪い例へのリンクですが、私自身のテストでも見ました。スクリーンショットを撮る必要があります:(

本当の問題は、MS-FILTER独自のハックなしでいつIE CSS標準をサポートするのでしょうか。

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

2
SigmaBetaTooth

解決しよう - IE 10と11でボーダー半径を正しくレンダリングしない

IE 10,11で動作するように-ms-border-radius:またはborder-radius:を取得していない人のためにそしてそれはすべての正方形をレンダリングしてから次のステップに従ってください:

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

Ensure that the boxes are unchecked as in pic

1
Allan Starr