조건부 CSS는 콘텐츠로드를 중지합니다.

Question

좋아요. 인터넷   탐색기   9 및 Safari, Chrome 및 Mozilla Firefox 용으로 설정된 웹 사이트가 있습니다. 그러나 인터넷에 연결된 컴퓨터에서 내 웹 사이트를로드 할 때   익스플로러   7이 조건부 div을 표시하지만 여전히 아래 내용을로드합니다. 콘텐츠를로드하는 것을 중지 할 수있는 방법이 있습니까?

가 여기 내 소스입니다 :

<!--[if lte IE 8]> 
<div style=' clear: both; text-align:center; position: relative;'> 
    <a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie-9/worldwide-languages"><img src="/protected-wp-content/images/internet-explorer-9-update.png" border="0" alt="" /></a> 
    </div> 
<![endif]--> 

<!--[if IE 9]> 
<script type="text/javascript" src="js/html5.js"></script> 
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen"> 
<![endif]--> 

Answer 1

그래서,이 나타납니다 당신이 IE를 원하는 8, 그리고 사용자가 업데이트 링크를 볼 수 밖에?!?! 좋은 생각인지 떨어져 떠나

는

, 그 방법은 다음과 같습니다

<!--[if lte IE 8]> 
    <div style=" clear: both; text-align:center; position: relative;"> 
     <a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie-9/worldwide-languages"> 
      <img src="/protected-wp-content/images/internet-explorer-9-update.png" border="0" alt="" /> 
     </a> 
    </div> 

    <script type="text/javascript"> 
     document.execCommand("Stop", true, null); 
    </script> 
<![endif]--> 

execCommand("Stop") IE에서 페이지로드를 중단합니다. (다른 브라우저에서는 일관되게 작동하지 않지만 여기서는 문제가 아닙니다.)

Answer 2

당신은 자바 스크립트를 사용하여

<!--[if gte IE 9]> 
    Stuff only Internet Explorer 9 should see.. 
<![endif]--> 

에 다음과 같은 내용을 둘러싸 수, 당신은 아래 그 부하 사업부를 숨길 수 있습니다. 물론, 이것은 휴식과 인터넷   탐색기   (10)가 나올 때 수정이 필요합니다 : 당신의 점을 허용하는 경우

<div id='divContainingIE9Content'></div> 
<script type='text/javascript'> 
    if (navigator.userAgent.indexOf("MSIE 9") > 0) { 
     document.getElementById("divContainingIE9Content").style.display = 'none'; 
    } 
</script> 

Answer 3

"-"페이지 본문 내에서, 당신은

로 묶 수

<!--[if lte IE 8]><div style="display:none"><[endif]--> 
... 
<!--[if lte IE 8]></div><[endif]--> 

이

(그러나 (야생에서 사람들의 상당한 수있다?) 그들은 모두에서 CSS를하지 않도록 오래된 IE 버전에 대해 작동하지 않을 것은)