Условный CSS прекратить загрузку контента - PullRequest
Новая
       2

Условный CSS прекратить загрузку контента

0 голосов
/ 06 августа 2011

ОК, я новичок в этом, так что терпите меня. У меня есть свой веб-сайт, который настроен для Internet Explorer 9 и Safari, Chrome и Mozilla Firefox. Но когда я загружаю свой веб-сайт на свой компьютер с помощью Internet Explorer 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]-->

Ответы [ 3 ]

0 голосов
/ 06 августа 2011

Если вы хотите разрешить "-" в теле страницы, вы можете заключить его в 

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

(но не будет работать для версий IE настолько старых, что они этого не делаютвообще делать CSS (есть ли заметное количество таких в дикой природе?))

0 голосов
/ 07 августа 2011

Итак, похоже, что вы хотите, чтобы 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. (Не работает согласованно в других браузерах, но здесь это не проблема.;)

0 голосов
/ 06 августа 2011

Вы можете заключить следующее содержание в 

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

Используя JavaScript, вы можете скрыть div, который загружается ниже. Конечно, это сломается и потребует модификации, когда выйдет Internet Explorer 10: 

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