私は ColorBox を使用して画面上でいくつかの情報モーダルを呼び出していますが、クライアントの要件を考えると、これを行う最善の方法は iFrame を使用することです (私の最初の選択ではありませんが、何でも)。Chrome、FFなどではすべてがうまく機能していますが、iFrameコンテンツはIEのどのバージョンでも機能していません。モーダル ラッパーが表示されますが、内部には何もありません。これは私がこれまでに行ったことです：
- Doctype を IE 用にトランジショナルおよびストリクトに変更しました。サイコロはありません。
- 「iframe: true」を削除し、HTML の「Hello」に置き換えました。それはうまくいき、「こんにちは」がカラーボックスモーダルに表示されました。
- ヘッダーからすべてのスタイルシートを削除しました。運が悪いので、CSSの問題ではありません。
- 念のため、JQuery ライブラリを 1.8.2 から 1.6.2 にロールバックしました。そこにも何もありません。
どんな助けでも大歓迎です。これは悪化しています。
いくつかのコード:
$(function ()
{
$(".modal-large").colorbox({iframe:true, innerWidth:580, innerHeight:500});
})
HTML:
<div class="top-droptext"><a class="modal-large" href="modal/serviceproviderinfo.html">Update Password</a></div>