html - 是否可以使用 CSS 显示没有背景的图像？

Question

假设我有一个包含很多图片的网站。它们都没有使用 gif 或 png 的透明功能，并且都具有黑色背景以完全适合黑色背景的网站。

也许我错了，但我认为可以将特定颜色设置为不显示并将其配置为透明以透视后面的元素。

举个例子:我想将我网站的背景更改为蓝色，但我不想编辑每张图片的黑色背景。我正在考虑图片的 CSS 属性，例如...使全黑透明。

我不能编辑图片文件，所以我需要这样的替代品。

有这样的东西吗？

谢谢

Answer 1

不，CSS 中没有这样的东西。您可以使用 Canvas 实现此目的(请参阅 https://hmp.is.it/creating-chroma-key-effect-html5-canvas/)，但这不是用于您网站上常规图像的可持续解决方案。

最好的办法是使用某种图像修改脚本使图像透明，或者手动编辑它们。