如果正在选择此面板(单击它),我有一个面板,我将其涂成蓝色。此外,我在该面板上添加了一个小符号(.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: url('images/checked.png'), #6DB3F2;