0

Border Radius は IE9 では機能しません。私のプロジェクトで使用した次の属性。また、.HTCファイルも追加します

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(Styles/border-radius.htc);
4

10 に答える 10

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

IE9 はデフォルトの border-radius を使用するので、border radius を呼び出すすべてのスタイルにそれを含めるようにしてください。これで、サイトは IE9 に対応する準備が整います。

-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.

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

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

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

于 2012-05-28T17:40:18.363 に答える
4

使用する 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
于 2012-05-29T14:23:18.127 に答える
2

これをHTMLヘッダーに入れる必要があります

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

ここで発見された回答ie9 境界半径

于 2012-05-28T12:55:38.763 に答える
0

border-radius.htcie9で通常のborder-radiusを壊し、9未満のバージョンでborder-radius.htcファイルをインクルードします。conditional comments

于 2012-05-28T12:58:50.590 に答える
0

IE9では、border-radiusは動作ファイルなしで機能します。

于 2012-05-28T12:58:51.637 に答える
0

この回答は、ie6、7、8 などの ie の下位バージョンにも役立ちます。

CSS パイの使用 -> http://css3pie.com/

これにより、境界線の半径を通常どおりに指定し、css に pie.htc スクリプトを含めることができます。これにより、魔法のように IE6 で動作します。それを見て！

これは、背景のグラデーションなどの他の CSS3 プロパティでも機能します。

これを頭に追加してみてください->

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

幸運を！

于 2012-05-28T13:00:49.540 に答える
0

何を含めても、何を書いても、border-radius は ie9 では機能しません。ブラウザー モードまたはドキュメント モードの変更は、クライアント側にあるため、決して解決策にはなりません。したがって、javascript の助けを借りない限り、ie9 で border-radius を適切に機能させるもっともらしい方法はないのではないかと心配しています。

于 2014-06-30T09:57:14.403 に答える
0

フィルターで border-radius を同時に使用する場合: progid:DXImageTransform.Microsoft.gradient( startColorstr='######', endColorstr='######',GradientType=0 ), コメントするだけです.このフィルター。

于 2014-02-10T13:13:32.930 に答える
0

境界線の半径がサポートされている ie-7、ie-8、ie-9 は javascript 経由でこのチュートリアルを確認してください http://davidwalsh.name/css-rounded-cornersで境界線の半径を表示する方法

于 2012-05-28T16:31:24.630 に答える