IE7特異性和IE其它特定樣式相互覆蓋

我使用條件的樣式表來定位IE7和更低，IE8和IE9。

現在的問題是，他們互相覆蓋：

方案：我樣式應用於IE 8和9 IE7那種風格不適用正確的，所以我在IE7-應用新風格只有樣式表來解決它。它不接受IE7樣式表中的新樣式，除非我使用！重要。但是當我在IE-7樣式表中使用！重要時，它會再次覆蓋IE8和9樣式...

原因？

謝謝

MY包含例如樣式代碼適用於：

HTML：

<head>... 

<!--[if IE 7]> 
    <link rel="stylesheet" type="text/css" href="../ie7-only.css" /> 
    <![endif]--> 

    <!--[if lt IE 9]> 
    <link rel="stylesheet" type="text/css" href="../ie8-only.css" /> 
    <![endif]--> 

    <!--[if IE 9]> 
    <link rel="stylesheet" type="text/css" href="../ie9-only.css" /> 
    <![endif]--> 
</head>

CSS：

in IE 8 and 9: 

#menuNav ul li#login{     
       float: right; 
       margin: 0px; 
      } 

In IE7: 

#menuNav ul li#login{     
       float: none; 
       margin: 0px; 
      }

每當我用任何重要的是，它會覆蓋彼此...

爲什麼IE9和8採用IE7樣式？反之亦然......

來源

2013-03-07 David Van Staden

7小於9，不是嗎？ – cimmanon 2013-03-07 12:57:00

這個替換您的評論：

<!--[if IE 7]> 
<link rel="stylesheet" type="text/css" href="../ie7-only.css" /> 
<![endif]--> 

<!--[if IE 8]> 
<link rel="stylesheet" type="text/css" href="../ie8-only.css" /> 
<![endif]--> 

<!--[if IE 9]> 
<link rel="stylesheet" type="text/css" href="../ie9-only.css" /> 
<![endif]-->

來源

2013-03-07 12:51:20 lifetimes

是的，我也嘗試過，它似乎是工作...謝謝你 – 2013-03-07 13:21:39

IE7特異性和IE其它特定樣式相互覆蓋

回答

相關問題