CSS渲染图像顶部的背景色

Question

我必须遵循以下 HTML 结构。

 <a class="abc" style: {background:"blue"}">
        <img  src="ImgPath" />
    </a>

CSS

.abc{
    width: 177px;
    height: 177px;
    display:inline-block;
}
abc img {
    display:block;
    z-index:9999;
    width:50px;
    height:50px
}

我想在背景颜色之上显示透明图像。我不应该使用背景图片/背景:#c1c1c1 url('img.png') no-repeat; CSS属性。我不想使用图像作为背景图像。图像隐藏了背景颜色。

有什么帮助吗？

Answer 1

图像可能没有显示，因为你有未关闭的引号:

<a class="abc" style: {background:"blue"}">

你应该:

<a class="abc" style="background:blue">

更好地使用 CSS

.abc {
    background: url("ImgPath") 0 0 no-repeat blue;
}