小编典典

CSS:背景颜色的背景图像

css

如果正在选择此面板(单击它),我有一个面板,我将其涂成蓝色。此外,我在该面板上添加了一个小符号(.png图像),表示所选面板之前已被选中。

因此,如果用户看到例如 10 个面板,其中 4 个有这个小标志,他就知道他之前已经点击过这些面板。到目前为止,这项工作很好。现在的问题是我无法同时显示小标志并使面板变为蓝色。

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

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


阅读 122

收藏
2022-07-02

共1个答案

小编典典

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

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

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

background: url('images/checked.png'), #6DB3F2;
2022-07-02