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

回答

相关问题