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

background-image不能声明重复的背景属性。

速记背景
注意：你不需要做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;
}

IE8不加载背景图像也不加载背景色CSS

1 个答案: