mix-blend-mode

3热度

1回答

这是一个难以解决的问题，因为问题可能是复杂的WordPress页面上的任何事情。创建一个我认为可能是问题的小提琴没有复制这个问题。现在，发生问题的页面摘录就足够了，所以在考虑downvote问题之前，请知道我打算用小提琴更新问题，一旦我知道根本原因是什么触发错误。预先感谢您允许稍微暂时弯曲规则以获得更大的利益。请注意，我将开始削减元素的缓慢过程，直到只有问题仍然存在或解决，或者在此提供答案（

6热度

1回答

在Chrome中混合混合模式的问题

我一直在尝试在包含css不透明度转换的实例的页面上使用混合混合模式。看起来发生的情况是，包含混合混合模式的div在过渡期间显示为没有混合模式，或者更确切地说，当动画正在进行时。我只在Chrome中发现它是一个问题。在我的示例中，虽然div正在将混合模式显示正确地转换为图像，但不会覆盖页面背景。一旦转换完成，它就会返回到显示状态。换句话说，当动画正在进行时，混合的div在黑色背景上显示为纯黄色，但

0热度

1回答

如何在不使用CSS属性的情况下获得混合模式效果mix-blend-mode：multiply

我想做一个应该看起来像这样的代码输出的东西，但不使用css的属性mix-blend-mode: multiply以获得支持对于一些旧版本的现代浏览器。 CSS的这个特性仍然低支撑，看看这个链接caniuse.com[mix-blend-mode] .active{ font-size: 80px; font-family: "DejaVu Sans"; t

5热度

1回答

Chrome/Safari最近是否改变了混合混合模式的处理方式

几个星期前，我使用（当时）最新版本的Chrome（可能是v56或v57，但我不太确定）做了一个网页， Safari和Firefox在开发期间（在OSX上）。 http://dirkluetter.de/projecttype/kamera Firefox（v52 & v53）仍然按预期显示页面。尽管最新的Chrome版本（v58）已不再适用。我用混合混合模式和背景混合模式的CSS属性工作得很好

3热度

1回答

为什么CSS混合模式在针对文档主体应用时不起作用？

下面是对指定的“背景”元工作CSS混合模式的例子： body { position: relative; } .background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: line

0热度

1回答

具有不透明度和转换的动画混合模式

我正在寻找一种方法来更改background-color-blend-mode的不透明度，如 Photoshop。我的目标是动画混合模式的不透明度，以使其消失。有任何想法吗？ #img-esadvalence { background-image: url(http://leodurand.fr/works/planesad/esad1.jpg); backgroun

0热度

1回答

动画滞后，由于混合，混合模式属性在Chrome

如果启动Chrome和检查我在全屏模式下小提琴，你会看到动画是laggy。 div滑落一点，文字滞后一点点。如果您将浏览器的大小调整得较小，则动画效果会很好。另外我的动画在Safari中运行良好。如果删除.light-leaks类，它包含了mix-blend-mode属性，动画将运行正常。什么问题？谢谢。 fiddle fiddle in fullscreen mode

0热度

3回答

是否可以将css混合模式应用于不同div中的元素？

是否可以将css混合模式应用于不同div中的元素？例如，我有一个div的大背景英雄图像。在图片上方（不同的div），我有一个蓝色的半透明盒子，里面有文字。这个透明的盒子是我想应用混合，但它似乎无法正常工作，也许是因为他们不在同一个div中，就像https://css-tricks.com/basics-css-blend-modes/ 我在wordpress中工作，所以它会是一个有点难以重新构造

1热度

3回答

使用混合混合模式和背景混合模式时的结果不同

我注意到，使用mix-blend-mode时，即使使用相同的混合模式，结果也不同于使用background-blend-mode。例如，比较2周的结果如下：我抄在我的设置及以下JSFiddles： HTML <div class="background"> <div class="overlay"></div> </div> CSS .background{ widt

5热度

1回答

应用混合混合模式后的较浓文本：差异

我想要做的是创建会根据背景颜色更改颜色的界面，以使文本始终可读。到目前为止一切正常。我录我的浏览器显示工作示例：从我的研究，我发现最好的方法来实现这一目标，是使用mix-blend-mode: difference;。唯一的问题是，由于某些未知的原因，文字越来越大胆。本来我想提供演示，但mix-blend-mode不在代码片段中工作。我不确定为什么，我看过其他人在演示中使用它，但对我而言，它以