我有面板,我把它涂成蓝色,如果这个面板被选中(点击它).此外,我还向该面板添加了一个小符号(.png图像),表示选定的面板以前已被选中.

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

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

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

推荐答案

您需要对每个应用程序使用完整的属性名称:

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

或者,您可以使用背景速记并在一行中指定所有内容:

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

Css相关问答推荐

VueJS CSS动画不会扩展到v-card/v-col之外

Angular Material:如何同时使用2个徽章

如何为多个背景和棋盘设置不同的大小

具有不同边框宽度和 colored颜色 的边框半径,Safari渲染问题

Nuxt 3+sass:不能将包含路径与@IMPORT和@USE一起使用

material 设计--Bootstrap输入域问题

关闭Superset中的Deck.gl工具提示

使用高图的背景大小渐变

Prettier/VS Code 在 CSS 中的 !important 之前添加一个空格,导致它在 WordPress 中崩溃

为什么我的 React slick 轮播响应能力不起作用?

将重复的线性渐变锚定到元素的顶部

网格在行方向上的大小不正确

Tailwind:如何设置网格的自动填充?

使用 Webpack5 在 CSS 文件中内联字体和图像?

如何测试页面上的文本被删除

基于内容显示(show)/隐藏(hide)同级div

使用 CSS 在悬停时转换 SVG 路径的填充属性

Angular 5 在某些类中添加了ng-star-inserted - 那是什么?

HTML5 和边框

将 -moz-available 和 -webkit-fill-available 放在一个宽度中(CSS 属性)