css - 如何使IMG标签的内容透明而不是标签的背景？

Question

如标题所述，如何仅使用 CSS 使 IMG 标签中的图像透明而不使背景透明？ 我无法访问 HTML，因此无法创建 DIV。

不透明的红色背景图片:

img {
  background-color: red;
}

使用opacity: 0.2;的图片:

img {
  background-color: red;
  opacity: 0.2;
}

我想用 CSS 实现什么:

Answer 1

请试试这个:

将 css 透明样式用于您的图像标签，而不是在包含图像的 div 中。

假设你有这样的:

<div class="img_container"><img src="myimage.png"></div>

然后CSS会是

div.img_container img {
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}