ボタンをクリックするとあるphpをポップアップで表示・・・という動作を実装するためにfancyboxを使ったんですが、なぜかIEで表示されない。
Chromeは全然いけるんですが、IEは8以下だとどのバージョンもさっぱりです。
ググると
1.IE用の画像のパスを修正する
2.オプションの最後にカンマを付けないようにする
などなどいくつかの解決策が出てきたんですが、どれを試してもダメでした。
ただ、これまでの案件でできてるので絶対できるはず・・・・と思って過去のソースを漁ったら、解決策が見つかりました。
【第3の解決策】
typeでiframeを明示的に指定する
つまり
$(”.thumb”).fancybox();
だと動かないけど
$(”.thumb”).fancybox({ ‘type’ : ‘iframe’ });
だと動くってことです。
ただiframeだとinlineとかのように高さを自動で調節してくれないので、使うのはIEだけにしたほうがよさそうですね。
そのへんはIE判別のスクリプトとか使って、使い分ける感じで。
1つ疑問なのは、inlineでもIEで動く場合があるってこと。
何か条件が整うとiframe以外動かなくなるっぽいんですが、その条件が不明です。

more from " fancyboxがIEで効かないときの対処法 "...