0

저는 Internet Explorer 8에서 배경 이미지가 올바르게 표시되도록하기 위해 조건부 주석을 사용했습니다. 그러나 그렇게하면 일부 내용 (일부 텍스트 및 이미지)이 사라집니다. 또한 IE8에서 제거하고 싶었던 이미지가 여전히 나타납니다.조건부 주석을 사용하면 내용이 제거됩니까?

편집 : http://rbk.tushausweb.com/claria/development (내 문제가 그래서 그냥 오른쪽에있는 탐색 버튼을 클릭, 두 번째 페이지에 있습니다.)

여기에 지금까지 무슨에 대한 링크입니다 : http://pastebin.com/agHxJxb0

<div id="introduction2" class="contentContainer" data-role="page" data-prev="index" data-next="introduction3" data-title="Introduction" data-url="introduction2"> 
    <div role="main" class="ui-content"> 
     <!--[if IE 8]> 
     <link href="css/clariaIE8.css" rel="stylesheet"> 
     <div id="bg"> 
      <img alt="" src="image/bubble.png" /> 
     </div> 
     <![endif]--> 
     <div class="background"> 
      <div class="container banner"> 
       <div class="widthContainer"> 
        <div id="banner" class="info-banner"> 
         <p id="smBannerTitle" class="info"></p> 
         <h1 id="lgBannerTitle"></h1> 
        </div> 
       </div> 
      </div><!-- /.container --> 
     </div> 
     <div class="widthContainer"> 
      <div class="contentBody contentBodyWithBanner"> 
       <div class="container media"> 
        <div id="imgIntro2"> 
         <img src="image/Homechoice-Claria-Unit-250-million-exchanges-and-counting-427x188.png" class="img-responsive"/> 
        </div> 
       </div> 
       <div id="pageContent1" class="container"></div> 
      </div> 
     </div> 
    </div> 
</div> 
가 여기에 URL입니다

스크린 샷 :

enter image description here

이 어떻게 보일지 :

enter image description here

조건부 주석을 사용하여 콘텐츠를 제거하지 않도록하는 방법이 있습니까?

답변

1

데모가 없으면 말하기 어렵지만 IE 해결 방법은 <img> 태그를 사용하여 배경을 표시하는 것 같습니다. 그렇다면 Z- 색인에 충돌이있을 수 있으며 콘텐츠는 페이지에 있지만 배경은이면 입니다. 디버깅의 첫 번째 단계로 거짓 배경 이미지에 z-index: -1을 설정해보십시오.

+0

자세히보고 싶으면 사이트의 URL을 추가했습니다. – Thassa