CSS不能使用IE 9

我有下面的HTML和CSS。 CSS在firefox中工作正常，但顏色不能在IE 9中應用。我已經在xhtml文件中指定了doctype。我如何使它與IE9一起工作？CSS不能使用IE 9

HTML：

<div id="j_idt19:j_idt20" class="ui-tabmenu ui-widget ui-widget-content ui-corner-all"> 
    <ul class="ui-tabmenu-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist"> 
     <li class="ui-tabmenuitem ui-state-default ui-state-active ui-corner-top" aria-expanded="true" role="tab"> 
      <a id="j_idt19:homeTab" class="ui-menuitem-link ui-corner-all tabMenuDefaultCls" href="/XXX.xhtml?i=0" tabindex="-1"> 
       <span class="ui-menuitem-text"> … </span> 
      </a> 
     </li> 
     <li class="ui-tabmenuitem ui-state-default ui-corner-top" aria-expanded="false" role="tab"> … </li> 
     <li class="ui-tabmenuitem ui-state-default ui-corner-top" aria-expanded="false" role="tab"> … </li> 
    </ul> 

</div>

CSS：

.ui-state-active li { 
    background-color: #F85A5A !important; 
} 


li[aria-expanded="false"] { 
    background-color: #9975FC !important; 
} 

li[aria-expanded="true"] { 
    background-color: #F85A5A !important; 
} 

.tabMenuDefaultCls { 
    /* background-color: #9975FC; */ 
}

答：

通過一個CSS類給予更多的優先級爲解決這一問題，

li[aria-expanded="false"] a { 
     background-color: #9975FC !important; 
} 

li[aria-expanded="true"] a { 
     background-color: #F85A5A !important; 
}

給css類添加標籤優先。

來源

2014-08-28 AJJ

也許答案SURAJ了，這裏將與您無關： Why IE doesn't support my CSS positioning

如果你歡呼起來，在IE11它工作正常..

http://jsfiddle.net/cg6jLnax/

來源

2014-08-28 07:47:54

我使用JSF和CSS類的JSF框架覆蓋我的CSS atrribute選擇器類。 – AJJ 2014-08-28 07:54:04

什麼是達「e」？嘗試清楚你的答案。@ Hatul – 2014-08-28 08:06:47

@Jayaprasad我不能發佈jsfiddle鏈接沒有代碼在答案。 – 2014-08-28 08:09:33

你加MetaTag<head>標籤：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

希望它能解決您的問題。

來源

2014-08-28 07:49:56

CSS不能使用IE 9

回答

相關問題