CSS - IE6/7/8 ではボーダー半径が表示されない
-
18-09-2019 - |
質問
DIV で丸い境界線を実現するために次の CSS を使用しています。
border: 1px solid #999;
border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
しかし、IE 6/7/8 では、IE 固有の半径を含めているにもかかわらず、丸い DIV 境界線が表示されません (正方形の境界線が表示されます)。
IE 6/7/8 だけが丸い境界線を表示しない理由はありますか?
解決
IE8のように、IEはCSS3ボーダー半径性をサポートしていません。わからないあなたが見たもの、それはそれがなかったと述べました。あなたは、IEで角を丸めるために画像、JavaScript、または他の多くのトリックを使用することができます。
他のヒント
何-ms-ボーダー半径のInternet Explorerがそれをサポートしていませんがあります。
Microsoftは丸みを帯びた角について言いたいことがある「最新」のものは<のhref =「http://msdn.microsoft.com/en-us/library/bb250413(VS.85).aspx」のrel = "nofollowをありますnoreferrer ">この古いテーブル+画像はの『時代を先取りの滞在』と題しハック; - )
IEは国境半径をサポートしていません。
IE8エキスパートゾーンからはのチャット:
クリス・ウィルソン[MS](エキスパート):
Q:[9] CSSをサポートする任意の制度 国境半径、例えば。 -msボーダー半径:5pxの。 ? FirefoxとSafariは-khtml-持っていると-moz- 私たちが行うために使用することができます実装 画像なしの丸みを帯びた角、または スプライトは、パフォーマンスを向上させる、すなわち。 http://preview.tinyurl.com/9y3tfn/する
A: ボーダー半径は願いに高く、 リストが、IE8にはなりません。
回答が受け入れられたことは承知していますが、さらにアドバイス/サポート/ガイダンスが必要な場合は、以下を参照することをお勧めしたいと思います。 曲線的なコーナー;サンプルを含む JS ライブラリがあります。
もちろんそうであるように ムーツール, 、(私が知る限り)サードパーティのモジュールを使用していますが、 ファットフュージョン. 。そして jQuery 独自のサードパーティコーナープラグインがあります。 メスビン.