css - IE8 不加载背景图像和背景颜色 CSS

Question

我为链接应用了这种样式:

#block-menu-menu-top-menu a.contact-us-link {
  background-image: url("../images/top-menu-contact.png") no-repeat;
  background-color: none;
  height: 28px;
  text-indent: -9999px;
  width: 34px;
}

仅 IE8 加载:

#block-menu-menu-top-menu a.contact-us-link {
  height: 28px;
  text-indent: -9999px;
  width: 34px;
}

这是什么魔法？

Answer 1

背景图像不能重复声明背景属性。

速记背景
注意:你不需要做 url(""); url() - 不带引号也可以。

[selector] {
  background: transparent url("../images/top-menu-contact.png") no-repeat;
}

每个背景 CSS 属性的单独规则。

[selector] {
  background-image: url("../images/top-menu-contact.png");
  background-repeat: no-repeat;
  background-color: transparent;
}