Html 根据div的背景色给图像的边框上色

上面是我在udacity找到的一张图片。我认为里面有一个png图像，它没有bg，并且图像的边框颜色与div的背景颜色相同

---

如何实现这一点？

将图像的边框（黑色）不透明度设置为50%（需要png），无论使用何种背景色，背景色都会发光

如果图像已经是完全透明的，只有黑色边框，那么可以使用CSS并将

opacity:0.5

设置为如下元素

img {
  opacity: 0.5;
}

div {
  background-image: url(...);
  opacity: 0.5;
}

---

您使图像的边框（黑色）不透明度为50%（需要png），并且无论使用何种背景色，背景色都将亮起

如果图像已经是完全透明的，只有黑色边框，那么可以使用CSS并将

opacity:0.5

设置为如下元素

img {
  opacity: 0.5;
}

div {
  background-image: url(...);
  opacity: 0.5;
}

---

您可以创建一个PNG图像，其中插图的笔划不透明度为50%。下面是一个示例图像：

这是同一张彩色背景图片：

div{
显示：内联块；
背景色：#00a573；
}

---

您可以创建一个PNG图像，其中插图的笔划不透明度为50%。下面是一个示例图像：

这是同一张彩色背景图片：

div{
显示：内联块；
背景色：#00a573；
}