2
ほとんどのブラウザでうまく動作するように見えるインラインコンテンツのJQuery ColorBoxを使用していますが、IE8で使用すると最初にうまく読み込まれた後、コンテンツのiFrame部分ショー?iFrame IE8 jQuery ColorBoxを使用
ソースを確認し、iframeが正しくHTMLに表示されています。私はasp.net 3.5とC#をサーバー側に使用しています。
サーバー側のコード:
<script>
jQuery(document).ready(function() {
jQuery.fn.colorbox({ width: 376, inline: true, href: "#LightBox" });
});
</script>
<div style='display:none'>
<div id='LightBox' style='padding:10px; background:#fff;'>
<sc:Image runat="server" ID="imgBanner" Field="Banner" MaxWidth="346" />
<sc:Text runat="server" ID="txtContent" Field="Content" />
<iframe runat="server" id="iFrm" height="220px" scrolling="no" frameborder="0" />
<img src="/images/loading.gif" alt="loading" id="preload-img" />
</div>
</div>
クライアント側:修正が発見されるまで
<div style='display:none'>
<div id='LightBox' style='padding:10px; background:#fff;'>
<img src="~/media/Images/Premier/newsletters/ignite/header_4.ashx?mw=346" alt="Ignite" width="346" height="132" />
<p><strong>Free e-newsletter from Premier</strong> </p>
<p>Hot topics impacting your life today...</p>
<p>You are invited to receive <strong>Ignite</strong>, the UK's leading Christian <br />e-publication,
dealing with the hottest issues of our day: from abortion, to going 'green', to the debate over homosexuality.</p>
<p>To receive your free weekly subscription to <strong>Ignite</strong> fill in your details below.</p>
<iframe id="content_10_iFrm" height="220px" scrolling="no" frameborder="0" src="http://email.premierchristianmedia.co.uk/premierradiolz//WebCapture.aspx?pID=334&t=0"></iframe>
<img src="/images/loading.gif" alt="loading" id="preload-img" />
</div>
</div>
これはうまくいかないようです。それはiframeを読み込んで、コンテンツがロードされていると思っているようですが、iframeを右クリックして更新すると白として表示されます??? –