css 白净图片设置

CSS 可以很简单地对图片进行颜色、透明度等处理，也可以通过 white-space 属性或 background-color 属性使图片变为白净或透明。

/* 使图片变为白净 */
img {
  filter: grayscale(100%);
}

/* 使图片透明，并显示背景色 */
img {
  opacity: 0.5;
  background-color: white;
}

/* 使白底图透明 */
img {
  background-color: white;
  mix-blend-mode: lighten;
}

如果图片原本为黑白色，可以通过 CSS 滤镜 (filter) 移除灰色，使图片变为白净。

如果需要将图片设置为半透明的白色，可以通过 opacity 和 background-color 属性实现。

如果有一张白底图需要透明，可以使用 mix-blend-mode 属性来混合背景颜色，使白底图透明。