在图像中的透明背景颜色

Question

如何在图像或背景图像中删除或透明特定的背景颜色？例如,我有一个图像,我想要删除其中的所有白色像素,以显示页面上的"后面".

<div style="
    background-color: #F4F4F7;
    background-image: url('wa.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 200px 280px;"
align="left">

哪些功能或属性可以实现此目的？

Answer 1

我相信没有javascript或HTML的CSS属性,属性或功能可以做你要求的.

您需要在图像编辑器中删除背景并将图像另存为.gif或png,并保持透明背景.

我用它来使用Paint.Net,但你可以使用你拥有的任何图像编辑器.

Answer 2

在css中添加以下行

mix-blend-mode: multiply;

您可以看到背景颜色和白色像素消失

Answer 3

background在CSS中设置属性时,可以为div添加透明背景,图像如下:

#myDiv {
 background:transparent url(myImage);
 }

Answer 4

您只能看穿 PNG 格式的透明图像。在您的示例中，您使用的是 JPG 格式，无论您做什么，它都无法保持透明（除非您要在 css 中使用不透明度属性）。保存图像时使用 .gif 或 .png 以获得您想要的结果。