CSS:背景颜色上的背景图像

2024-04-04

如果选择该面板(单击它),我有一个面板,该面板颜色为蓝色。另外,我添加一个小标志(.pngimage) 到该面板,这表明所选面板之前已经被选择过。

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

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

因此是否可以设置z-indexes 为背景颜色和背景图像?


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

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

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

background: url('images/checked.png'), #6DB3F2;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS:背景颜色上的背景图像 的相关文章

随机推荐