Question

好吧，我是新手，所以请耐心等待。我的网站设置为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]-->

Answer 1

您可以在

中附上以下内容

<!--[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>

Answer 2

如果您的观点是在页面正文中允许“ - ”，则可以将其括在

中

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

（但不适用于IE版本那么老，以至于他们根本不做CSS（野外有那些可观的数量？）

Answer 3

那么，看来你想要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中的页面加载。（在其他浏览器中不能始终如一地工作，但这不是问题。;）

条件CSS停止加载内容

3 个答案: