2011-05-04 200 views
0

我的Windows 7機器上安裝了IE8,我正在使用開發人員工具以IE7瀏覽器模式顯示頁面。IE7條件CSS註釋不起作用

我想爲IE7添加一個條件樣式表,但它不工作。路徑是正確的,所以我的猜測是,IE7瀏覽器模式實際上並不像IE7那樣完全呈現。

 <!--[if IE 7]> 
      <link rel="stylesheet" type="text/css" href="http://example.com/media/IE7/ie_splash.css" /> 
     <![endif]--> 

有什麼想法或建議嗎?

+1

確保您未以兼容模式顯示。 – anothershrubery 2011-05-04 13:05:59

回答

3

我已經做了在Windows XP的快速檢查,並不能複製這一點 - 你可以嘗試:

<html> 
<body> 

<!--[if IE 6]> 
I am IE 6 
<![endif]--> 

<!--[if IE 7]> 
I am IE 7 
<![endif]--> 

<!--[if IE 8]> 
I am IE 8 
<![endif]--> 

</body> 
</html> 

,看看它呈現在您的瀏覽器是什麼版本。對我來說,切換到IE7呈現「我是IE 7」。

+0

這工作,我想出了我的故障(真的是我自己的錯)。謝謝奧利弗。 – Ben 2011-05-04 13:07:02

0

我也有這個問題,並通過指定兩個條件註釋我能解決它。

首先,通常的條件註釋加載css文件爲IE 7

<!--[if IE 7]> 
      <link rel="stylesheet" type="text/css" href="http://example.com/media/IE7/ie_splash.css" /> 
<![endif]--> 

其次,你需要指定樣式表與!IE語法所有其他瀏覽器。所以IE停止渲染你爲其他瀏覽器準備的樣式表。

<!--[if !IE 7]><!--> 
    <link rel="stylesheet" media="all" href="style.css" /> 
<!--<![endif]--> 

這裏style.css是你原來的樣式表,你用於其他瀏覽器,不希望IE使用它。