是否可以在没有CSS背景的情况下显示图像?

时间:2016-02-10 16:21:53

标签: html css

假设我的网站上有很多图片。他们都没有使用gif或png的透明度功能,并且都有黑色背景,以便在黑色背景的网站中干净利落。

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

所以例如: 我想将我的网站背景改为蓝色,但我不想编辑每张图片的黑色背景。 我想的是一张图片的CSS属性,例如...让所有黑色都透明。

我无法编辑图片文件,所以我需要这样的替代方案。

有类似的东西吗?

THX

1 个答案:

答案 0 :(得分:1)

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

您最好的选择是使用某种图像修改脚本来使图像透明,或手动编辑它们。