Warm tip: This article is reproduced from serverfault.com, please click

其他-CSS:背景图片上的背景色

(其他 - CSS: background image on background color)

发布于 2011-11-19 15:58:23

我有一个面板,如果选中了该面板,则该面板会显示为蓝色。另外,我.png在该面板上添加了一个小标志(图像),这表明所选面板之前已被选中。

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

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

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

Questioner
mkn
Viewed
0
3 2020-06-17 14:53:32

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

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

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

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