-moz-border-radiusよりも優れたソリューションがありますか？

Question

私は古い同僚がまとめたいくつかのページをリファクタリングしており、なぜ彼が会社を辞めたのか理解できます。彼のコードを見ていて、-moz-border-radius：10をインラインスタイルに追加しました。これはChromeとFirefoxでうまくいきますが、IEでどのように動作させるにはどうすればよいですか？誰のアイデアですか？

ありがとう

Mark？

Answer 1

IE9サポートborder-radius財産だけでなく、為替とChrome。接頭辞のない名前を使用します。

Support for "border-radius" in IE

でもプリフィックス名をサポートしていない古いブラウザでは、あなただけの画像やそうとテーブルとしてハックを使用することができます。

Answer 2

IE 9は、CSS 3 border-radiusをサポートしています。それがあなたが探しているものでない場合はhtcファイルにborder-radiusを実装してください。

関連のポスト：

• Support for “border-radius” in IE

Answer 3

あなたは、まずCSS3と同等のすべてのベンダープレフィックスを置く必要があります。それはこのようlookeでしょう、あなたの場合は ：

-webkit-border-radius:10px; 
-moz-border-radius:10px; 
border-radius:10px; 

のInternet Explorer 6,7,8ではないでしょうラウンドコーナーが、これはビューのプログレッシブ・エンハンスメント点からokです。クライアント側から見ればOKでない場合は、CSSの条件文に基づいてCSSを組み込み、角が丸いスプライトを使用するか、http://css3pie.com/のようなJavaScriptフォールバックを使用することができます。 Firefoxの、クロム、Safariやオペラの

古いバージョンのため、ベンダープレフィックスの角を丸めます。

幸運。