DIV要素の境界線の半径がIE8で機能しない

Question

-moz-border-radius:10px; -webkit-border-radius:10px; の要素がIE8では機能しませんが、これはFirefoxとgoogle chromeで完全に機能しています。この問題の解決方法があれば、私に連絡してください。

Answer 1

これは、と-webkit...がfirefoxとsafari/chromeのプロパティです。

また、border-radiusはCSS3プロパティで、IE8ではサポートされていません。

Answer 2

IE3のCSS3プロパティborder-radiusはnot supportedです。

可能であれば、このような問題に対処してProgressive Enhancementアプローチをとることを強くお勧めします。

Answer 3

PIE-http://css3pie.comをご覧ください。 border-radiusのようなほとんどのCSS3プロパティをサポートしており、IE7、IE8、IE9で動作します。 CSS3準拠のブラウザには税金はかかりません。

あなたがウェブサイト上でそれについての詳細を読むことができますが、基本的に、それは次のように動作します。

div#foo { 
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius: 8px; 
behavior: url(/PIE.htc); 
}