css3渐变和 Sprite 同时出现

Question

现在我已经找到了这个 SO，而且每个人似乎都认为它很好用 How do I combine a background-image and CSS3 gradient on the same element?

出于某种原因，当我这样做时，它失败了。图像单独工作，渐变也是如此。我做错了什么？

.cSub {
  background: #00f;
  background-image: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -moz-linear-gradient(-45deg, #0088b7 0%, #006da4 100%);
  background-image: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -webkit-linear-gradient(-45deg, #0088b7 0%, #006da4 100%);
  background-image: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -o-linear-gradient(-45deg, #0088b7 0%, #006da4 100%);
  background-image: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -ms-linear-gradient(-45deg, #0088b7 0%, #006da4 100%);
  background-image: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, linear-gradient(135deg, #0088b7 0%, #006da4 100%);
  border-top: 2px solid #0089b7;
}

Answer 1

您将 background-image 作为属性，但您为其设置了所有背景值，只需将 background 代替 background-image .