css 去除png图片黑色背景色

CSS去除PNG图片黑色背景色的方法

style>
    /* 针对PNG图片中的黑色背景进行去除 */    img {
            background-color: transparent;
     /* 背景色为透明 */        -webkit-background-clip: padding-box;
     /*         Safari/Chrome等支持的属性，意思是将背景色剪切到内框之下 */        background-clip: padding-box;
     /* 将背景色剪切到内框之下 */        -webkit-box-shadow: rgba(0,0,0,0.0) 0 0 0 99999px;
                    /* 覆盖默认的box-shadow，将黑色盖住 */        box-shadow: rgba(0,0,0,0.0) 0 0 0 99999px;
                /* 覆盖默认的box-shadow，将黑色盖住 */    }
    /style>
    

CSS中，可以使用多种方式去除PNG图片中的黑色背景。其中一种比较简单的方式是，通过CSS的background-color属性将背景色设置为透明，然后使用-webkit-background-clip和background-clip属性将背景色裁剪到内框之下。同时，我们还需要通过box-shadow属性将黑色背景色盖住，这样我们就可以达到完全去除PNG图片中黑色背景色的目的。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！