使用一行 CSS 去除图像背景

文章预览

通过一个 CSS 属性，你就能去除任何图像的背景。 这一属性在大多数现代浏览器中都得到了支持。 假设你遇到这样的情况： 你已经完成了一个很棒的布局，完全响应式，效果也如预期。 但有几张图像的背景与网站的背景不匹配，就像下面这张图： 图像的背景颜色与预期的背景色完全不同。 通常，你可能首先想到的是调整设计： 更改背景色，使其与图像的背景色匹配。 但其实不需要这样做…… 在 CSS 中，有一个叫做 mix-blend-mode 的属性，就是在这里发生了“魔法”。 什么是 mix-blend-mode ？ HTML 不是编程语言，它没有严格的语法和逻辑规则。 你的网站中，图像通常被包含在各自的 div 元素中，每个 div 元素都有自己的背景色，而每个图像也有自己的背景。 那 mix-blend-mode 如何起作用呢？ 当你对图像元素应用 mix-blend-mode 属性时，浏览器会开始对 ………………………………