在背景颜色html上放置小图像？

Question

我需要在div中的背景颜色上叠加一个小箭头。但是，仅显示图像而不显示背景颜色。这是我的CSS：

table.dataTable thead .rand {
      background-color: #FFFF66;
  background: url("testing.png") no-repeat center right;
}

我认为第二个背景语句会覆盖它上面的一个语句，导致颜色不显示。任何想法如何做到这一点？

Answer 1

您使用背景速记语法会覆盖背景颜色规则。结合它们：

background: #ff6 url("testing.png") no-repeat center right;

请参阅：https://developer.mozilla.org/en-US/docs/Web/CSS/background

Answer 2

在css中切换它们发生的顺序。