2011-12-28 2 views
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> 

클라이언트 측 : 수정 사항이 발견 될 때까지, 당신은 IE8이의 머리 부분이 메타 태그를 추가하여 IE7 에뮬레이션 할 수

<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&amp;t=0"></iframe> 
    <img src="/images/loading.gif" alt="loading" id="preload-img" /> 
    </div> 
    </div> 

답변

0

당신의 페이지

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> 
+0

작동하지 않는 것 같습니다. iframe을로드 한 것으로 보이며 'iframe'을 마우스 오른쪽 버튼으로 클릭하고 새로 고침하면 콘텐츠가로드되지만 흰색으로 표시됩니다. –

관련 문제