在IE8和IE9中背景颜色显示不正确

nfh*_*ike 4 css internet-explorer-8

我有一个megamenu,可以在Chrome,Firefox和IE10中完美运行.但是在IE9及以下版本中,菜单栏的背景颜色属性存在问题 - 而不是深灰色,它显示为白色.我正在使用自定义css文件来修改T3v3框架css文件和bootstrap css文件有问题的URL是www.minsteadtt.org - 它使用的是T3v3框架.有关财产的css如下:

.t3-mainnav {
  background-image: none;
  background-color: #676767; 
  border: none;
  font-size: .9em;
}
Run Code Online (Sandbox Code Playgroud)

任何人都可以解释为什么暗灰色属性没有在IE8和9中注册?

Cha*_*lls 21

添加filter: none;到您的t3-mainnav类.那应该解决它!

.t3-mainnav {
  background-image: none;
  background-color: #676767; 
  border: none;
  font-size: .9em;
  filter: none !important;

}
Run Code Online (Sandbox Code Playgroud)

  • @nhinkle因为框架使用filter属性为IE9及以下的导航栏创建渐变,这会覆盖background-color属性.你必须设置filter:none; 摆脱IE中的渐变. (2认同)