Javascript 如何在angular 2中对图像进行动态覆盖？

---

如何在angular 2中创建一个图像，如上面的一个，取自facebook marketplace。我需要的是左下角的黑色。

在图像周围创建一个包装div，将

位置设置为
相对
，然后将覆盖创建为子div，将
位置设置为
绝对

这将使其相对于容器进行定位

以下是一个例子：


.img容器{
位置：相对位置；
}
img{
宽度：500px；
}
.覆盖{
显示：内联块；
颜色：白色；
背景色：rgba（0,0,0,0.8）；
填充：10px；
边界半径：10%；
位置：绝对位置；
底部：20px；
左：20px；
}

$75
关于的答案可能重复已经有一系列答案（超过9000个）。应该标记为重复。