html - IE7 でサポートされていない境界半径

Question

IE7では border-radius プロパティがサポートされないことを知っています。

IE7ブラウザでborder-radiusを行うためのcssトリックはありますか?

score 6 · Accepted Answer

CSS3 PIEを使用して、これを機能させることができます。

これを取得するには、pie.htc ファイルをサイトの ROOT に追加します。border-radius を使用する CSS ファイルで、次のコードを追加します。

behavior: url(path/to/PIE.htc);

通常の CSS では、url は CSS ファイルに対して相対的です。htc ファイルの場合は、Web サイトの ROOT に相対的です。そうしないと機能しないので、これは重要です。マイクロソフトのせい。

ノート：

それでも機能しない場合は、これをセレクターに追加します。

position: relative;
z-index: 0;

score 1 · Accepted Answer

「border-radius」CSS プロパティをサポートしていないブラウザーで角を丸くするための「トリック」はたくさんあります。「角丸css」をグーグルで検索してください。たとえば、これは有望に思えます。

score 1 · Accepted Answer

現在、境界半径をサポートする IE のバージョンは IE 9 と 10 だけです。IE 8 以下は、border-radius をサポートしていません。

4 に答える 4