一尘不染

CSS:背景图片上的背景色

css

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

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

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

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


阅读 315

收藏
2020-05-16

共1个答案

一尘不染

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

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

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

background: #6DB3F2 url('images/checked.png');
2020-05-16