css照片去除白色背景的代码

在CSS中，直接去除图片的白色背景并不是标准的功能，因为CSS主要用于布局和样式控制，而不是图像处理。不过你可以通过一些前端技术配合使用来实现这个效果，比如HTML5的`<canvas>`元素结合JavaScript，或者使用CSS滤镜（filter）结合background-size: cover等。

1. 使用`<canvas>`:

<img id="image" src="your-image.png" alt="...">
<script>
  const img = document.getElementById('image');
  const canvas = document.createElement('canvas');
  canvas.width = img.width;
  canvas.height = img.height;

  const ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0);

  // 将canvas转换为data URL并替换img的src属性
  img.src = canvas.toDataURL();
</script>

2. CSS + background-color 和 filter:

.img-container {
  position: relative; /* 或者绝对定位 */
  background-color: rgba(0, 0, 0, 0.5); /* 添加半透明黑色作为遮罩层 */
  overflow: hidden; /* 防止内容超出容器 */
}

.img-container img {
  display: block;
  width: 100%; /* 自适应宽度 */
  height: auto;
  position: absolute; /* 图片置顶 */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  mix-blend-mode: difference; /* 或者尝试其他滤镜如multiply、screen等 */
}

请注意，以上方法可能会导致性能影响，特别是对于大尺寸图片。如果需要频繁操作大量图片，建议考虑使用服务器端的图像处理库或者专业的图片编辑工具。