我有这个 CSS 类,它在 Chrome 中运行良好,但在 IE 8 中(是的,我的工作仍然使用 IE 8)背景图像没有显示。我认为 IE 8 可能不知道如何处理 CSS 的某些部分,但无法确定它。
这是CSS类
ul.action:not(.btnImage) li a:not(.btnImage), ul.groupAction:not(.btnImage) li a:not(.btnImage), ul.actionGradient:not(.btnImage) li a:not(.btnImage){
background-color: transparent !important;
background: url("../images/buttons/btnShineBackground.png") top left repeat-x !important;
border-width: 0px 1px !important;
border-color: #f47a2a !important;
border-style: ridge !important;
padding: 0px !important;
color: #FFF !important;
width: 120px !important;
height: 29px !important;
text-align: center !important;
vertical-align: middle !important;
line-height: 29px !important;
font-size: 10px !important;
font-weight: lighter !important;
font-family: Arial Black !important;
font-style: normal !important;
text-transform: uppercase !important;
这是 HTML
<ul class=" action"><li><a href="javascript:void(0);" onmousemove="window.status='';" onmouseout="window.status='';" id="r898BB6A34E694110894F489DA4BEA3BB1DE_3" onfocus="storeFocusField(this);" onclick="customOnClick(this);submitAjax(this,'PageContainer','a_r898BB6A34E694110894F489DA4BEA3BB1DE_3','0','','','','N','',null,'');">Continue</a></li></ul>
最佳答案
IE8 不支持这些 CSS 选择器。但是你把事情复杂化了。
使用多个选择器会更简单,而且您不需要使用不受支持的伪类
UL.action{
background: url("../images/buttons/btnShineBackground.png") top left repeat-x;
}
UL.action.btnImage{
background: none:
}
关于html - CSS 在 Chrome 和 IE 8 中的工作方式不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19791980/