如何在图像或背景图像中删除特定背景颜色或使其透明？例如，我有一个图像，我想删除其中所有的白色像素，以显示页面上“后面”的内容。
<div style="
background-color: #F4F4F7;
background-image: url('wa.jpg');
background-repeat: no-repeat;
background-position: right bottom;
background-size: 200px 280px;"
align="left">哪些功能或属性可以实现这一点？
6条答案
按热度按时间jjhzyzn01#
在css中添加以下行
你可以看到背景色和白色像素会消失
pxq42qpu2#
我相信没有javascript或HTML o CSS属性、属性或函数可以做到你所要求的。
您需要在图像编辑器中删除背景，并将图像保存为.gif或具有透明背景的png。
我曾经用Paint.Net来做，但是你可以用你拥有的任何图像编辑器来做。
o3imoua43#
在CSS中设置
background属性时，可以向div添加透明背景，图像如下所示：sycxhyv74#
你只能透过PNG格式的透明图像看到。在你的例子中，你使用的是JPG格式，无论你做什么都不能透明（除非你要在css中使用opacity属性）。保存图像时使用.gif或.png来获得你想要的结果。
hvvq6cgz5#
我使用的解决方案是在使用图像之前去除背景，你可以通过
remove.bg运行图像来实现。pgky5nke6#
这里有一种方法可以实现这一点。
1.在画布上画出你的图像。
1.删除所有白色（或首选颜色）像素。