CSS：背景图片上的背景色

Question

如果选择了该面板（单击该面板），则该面板的颜色为蓝色。另外，我.png在该面板上添加了一个小标志（图像），它表示所选面板之前已被选中。

因此，如果用户看到例如10个面板，其中有4个带有这个小标记，则他知道自己之前已经单击了这些面板。到目前为止，这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。

我使用css将面板设置为蓝色，使用设置background: #6DB3F2;背景图像background-image: url('images/checked.png')。但是背景色似乎在图像上方，因此您看不到该标志。

因此，可以z-index为背景颜色和背景图像设置es吗？

Answer 1

您需要为每个使用完整的属性名称：

background-color: #6DB3F2;
background-image: url('images/checked.png');

或者，您可以使用背景速记并在一行中全部指定：

background: #6DB3F2 url('images/checked.png');