有條件的CSS停止加載內容

好的，我是新來的，所以忍受着我。我有我的網站設置爲互聯網 Explorer 9和Safari，Chrome和Mozilla Firefox。但是當我在我的電腦上加載我的網站與互聯網資源管理器 7它顯示此條件div，但它仍然加載它下面的內容。有沒有辦法阻止它加載內容？有條件的CSS停止加載內容

這裏是我的源：

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

來源

2011-08-06 David Passmore

'lte IE 8'意思是「小於等於IE 8」，所以這似乎按照設計工作。你能澄清問題是什麼嗎？ –

是的，它顯示更新框。但我想知道是否有阻止它顯示低於此聲明的HTML內容，並只顯示其他瀏覽器。它只會看起來更專業 –

啊，下面的代碼在我的瀏覽器中是不可見的。你說IE 9的內容在IE 7中是可見的？ –

所以，它出現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中。（在其他瀏覽器中並不一致，但這不是問題;）

來源

2011-08-06 23:39:50

謝謝，這是我一直在尋找！只是出於興趣，爲什麼不是一個好主意？ –

這不是一個好主意，因爲你會毫無必要地扭曲你的一些客戶/客戶。例如，在我的網站上，IE <9個用戶平均爲20％。大多數業務不能任意拒絕20％的潛在客戶！ ...給他們一個簡單的網站（這些IE用戶不會注意到一個不太漂亮的網站）;他們會注意到一個網站，是關於阻止他們的IE的武裝。其中一些可能會使它成爲報復的使命。） –

以及我只是要求他們更新！只是因爲我的CSS是圍繞着Chrome和Mozilla設計的，大多數79％的客戶都使用這些瀏覽器，而其他人則非常樂意爲此提供幫助。 –

你可以在

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

附上以下內容使用JavaScript，您可以隱藏DIV下方加載。當然，這將打破，並需要修改的時候上網瀏覽器 10出來：

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

來源

2011-08-06 18:56:35

我不知道，但我寧願沒有全部條件 –

@David Passmore你可以用javascript來設置CSS屬性'display：none;'以及。往上看。 –

你說你希望它不會顯示在小於8的IE上。這就是有條件的**定義** ... –

如果你的觀點是讓「 - 」頁面的身體內，你可以在

括起來

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

（但不會爲IE瀏覽器版本的工作，所以老說他們根本就不做CSS（有沒有那些在野外的任何明顯的號碼嗎？））你想IE

來源

2011-08-06 19:06:54

如何開始一個HTML評論並在下面關閉它？（處理不支持CSS的瀏覽器） - 甚至IE 5支持CSS的ERR。 – hakre

只要不識別它們的瀏覽器知道IE條件就會收到HTML註釋。 –

有條件的CSS停止加載內容

回答

相關問題