リガチャが表示されないIEへの対処をやっと。

スポンサー

リガチャのInternetExplore（インターネットエクスプローラー）への対応をどうしようか悩んでおりましたが、いずれ対応することを願って、先日確認した”条件付きコメント”を使って、IE以外とIEでHTMLを分岐させました。

IE10は対応できてるので、IE全部をばっさりはどうかなと思ってたけど、なぜかIE10は条件付きコメントで分岐されず、その他のブラウザへの対応になってしまうという嬉しい誤算。
なぜだかは、不明。
と、やはり調べてみたら・・・
条件付きコメントがサポートされなくなった (Windows)

相互運用性の向上と HTML5 準拠のため、Internet Explorer 10 の標準モードと Quirks モードでは、条件付きコメントのサポートが削除されました。 これは、条件付きコメントが、その他のブラウザーの場合と同様に、通常のコメントとして扱われることを意味します。

ということで、願ったり叶ったりでございました。

使った条件付きコメント

<![if !IE ]>
ココに中身。IE以外のブラウザで見えます。
<![endif]>

IE以外のブラウザ用の中身を上記のタグの中に記述。

その下に、IE用で以下を。

<!--[if IE]>
これはIEだけで表示します。
<![endif]-->

この中に、IE用を記述しました。

結果、IE10とその他のブラウザでは↓下図の様に。

 

IE9以下では、
↓下図の様にちょっと賑やかな感じにヾ(@~▽~@)ノ

その他のパンくずや上へ下へのリンクも画像にしました。

後記

こうしておけば、

修正がとっても簡単。

条件付きコメントを外すだけ。

いつか、きっと

IEがリガチャに対応するか、

IE9以下のシェアが0％になる日を夢見て♪
アイコンフォントを実装したときの記事はこちら↓

スポンサー

ニュースレターを購読する

このフィールドは空白のままにしてください

更新情報をメールで受け取ることができます。

メールアドレス *

受信ボックスか迷惑メールフォルダを確認して購読手続きを完了してください。