css - - - - - 去除图片默认的白色背景（混合模式 mix-blend-mode）

  • 开发
  • 14

去除图片默认的白色背景（mix-blend-mode）

1. 需求描述

图片含有白色地图，想要将其去掉

2. 原图展示

在这里插入图片描述

3. 原代码展示

<div>
	<img src='*****'/>
</div>

<style>
	div{
	
	}
</style>

4. 使用混合模式(mix-blend-mode)

<div>
   <img src='*****'/>
</div>

<style>
   div{
   	mix-blend-mode: multiply;
   }
</style>

5.修改后效果

在这里插入图片描述

注意：
mix-blend-mode属性需要给图片元素的直接父元素添加！！！！

阅读全部

相关推荐

  4. python（opencv2、PIL）将图片透明背景转换成白色背景的两种方法

    2024-07-19 21:34:03       22 阅读

  8. CSS-设置背景图片的大小

    2024-07-19 21:34:03       45 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-19 21:34:03       50 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-19 21:34:03       54 阅读

  9. 在Django里面运行非项目文件

    2024-07-19 21:34:03       43 阅读

  19. Python语言-面向对象

    2024-07-19 21:34:03       54 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-07-19 21:34:03       50 阅读

热门阅读

  3. 聊聊Nodejs

    2024-07-19 21:34:03       15 阅读

  4. linux中不设置堆栈大小，默认大小是多少，怎么调用的

    2024-07-19 21:34:03       17 阅读

  6. k8s二次开发-kubebuiler一键式生成deployment,svc,ingress

    2024-07-19 21:34:03       12 阅读

  8. k8s系列问题：[ERROR Port-10250]: Port 10250 is in use

    2024-07-19 21:34:03       12 阅读

  10. AI驱动的漏洞检测

    2024-07-19 21:34:03       14 阅读

  13. 一个简单的springboot应用搭建过程

    2024-07-19 21:34:03       13 阅读

  14. 谷歌招聘大揭秘：多元化人才需求与挑战并存，你准备好了吗？

    2024-07-19 21:34:03       16 阅读

  16. POST请求查询参数神奇失效的一次神奇bug之旅

    2024-07-19 21:34:03       14 阅读

  23. 智能家居和智能家电有什么区别？

    2024-07-19 21:34:03       16 阅读

  24. Leetcode 9. 回文数

    2024-07-19 21:34:03       15 阅读

  25. CSS图像不透明度的艺术：探索透明度控制的无限可能

    2024-07-19 21:34:03       12 阅读

  27. final字段总结

    2024-07-19 21:34:03       12 阅读

  30. 深入解析Linux文件权限管理：掌握`chmod`和`chown`命令

    2024-07-19 21:34:03       13 阅读