17得票5回答
从子元素中移除混合模式

我该如何在一个元素上设置mix-blend-mode,但不影响它的子元素?将子元素设置为默认值normal似乎无效: http://jsfiddle.net/uoq916Ln/1/

15得票4回答
同时使用CSS灰度滤镜和background-blend-mode是否可行?

我试图以与Photoshop文件相同的方式处理图像-将图像去色为灰度,然后使用乘法混合模式应用颜色叠加。为此,我正在使用CSS背景图像进行样式设置....someclass { /* grayscale */ -webkit-filter: grayscale(1); ...

13得票3回答
混合模式在页面上被3D转换破坏了。

我在尝试使用mix-blend-mode属性时遇到了问题。一切正常,直到我在页面上添加transform: perspective(100px)或任何其他3D变换后,它就完全崩溃了。变换被应用但混合模式却消失了。 我在Chrome和Firefox上都进行了测试,并在Linux和Windows...

9得票4回答
CSS:为iPhone Safari提供背景混合模式备选方案

我在这里成功地使用了background-blend-mode来制作我的标题: https://yogrow.co/ecommerce-stack 然而,我注意到在iPhone上background-blend-mode不起作用。我只是得不到背景颜色。 这是我正在使用的CSS: back...

7得票1回答
使用渐变和图像的背景混合模式

目前我无法将PNG图像与CSS渲染的渐变混合。代码如下: background: linear-gradient(to right, red , blue), url(img/water.png); background-blend-mode: overlay; 使用渐变时,混合模式不会...

7得票3回答
CSS中的乘法模式?

在Photoshop中,如果您将带有白色背景的JPG图像导入到具有蓝色背景的文档中,您可以通过将图像设置为“乘法”模式使图像的白色背景消失。 我能否仅使用CSS完全做同样的事情?

7得票3回答
使用mix-blend-mode和background-blend-mode时会得到不同的结果

我注意到使用 mix-blend-mode 和使用 background-blend-mode 时,即使使用相同的混合模式,结果也会不同。 例如,比较下面的两个结果: 我已经复制了我的设置和JSFiddles如下: HTML <div class="background"&...