javascript - 如何使用CSS为图像添加低调(黑色，透明叠加)效果？

Question

我想让图像看起来有点透明？我真的不知道如何描述它，但它就像你可以在上面写文字，图像在后面。

这可以用 css 或 javascript 或任何其他语言实现吗？

Answer 1

我认为您需要的是一个 css 过滤器。

有关最新的浏览器，请查看 these examples使用:

img {
   -webkit-filter: brightness(20%);
    filter:brightness(20%);
}

对于旧版浏览器，请查看 these examples使用:

img {
    opacity: 0.3;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}