如果选择了该面板(单击该面板),则该面板的颜色为蓝色。另外,我.png在该面板上添加了一个小标志(图像),它表示所选面板之前已被选中。
.png
因此,如果用户看到例如10个面板,其中有4个带有这个小标记,则他知道自己之前已经单击了这些面板。到目前为止,这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。
我使用css将面板设置为蓝色,使用设置background: #6DB3F2;背景图像background-image: url('images/checked.png')。但是背景色似乎在图像上方,因此您看不到该标志。
background: #6DB3F2;
background-image: url('images/checked.png')
因此,可以z-index为背景颜色和背景图像设置es吗?
z-index
您需要为每个使用完整的属性名称:
background-color: #6DB3F2; background-image: url('images/checked.png');
或者,您可以使用背景速记并在一行中全部指定:
background: #6DB3F2 url('images/checked.png');