回答情况：
提问时间：
问题标签：
如何在一个元素上设置mix-blend-mode，而不是它的子元素？将子项设置为默认值normal似乎不起作用：
浏览 8提问于2015-07-26得票数 13
我有一个使用mix-blend-mode: multiply的svg。此svg是使用JS在浏览器中以编程方式生成的。width="500" height="500">
浏览 14提问于2019-06-12得票数 0
在我的新项目中，我想使用mix-blend-mode: difference为我的徽标(顶部中心)，但它不工作。在CSS中，我使用了以下内容： mix-blend-mode: difference;问题出在哪里？
浏览 4修改于2021-05-03得票数 0
有没有一种方法可以用灰度来应用mix-blend-mode: difference？ 背景可以是任何颜色，差异给我相反的文本颜色，这可能是丑陋的。下面的代码片段显示了问题： .color { height: 20px;}
mix-blend-mode
浏览 24提问于2021-01-27得票数 1
回答已采纳
无论如何，您可以看到我使用的代码如下： padding: 0.625em 0.938em;}
我尝试对文本应用类似于'mix-blend-mode: none;‘的东西，但不起作用
浏览 0修改于2015-09-19得票数 6
">Sticky</div> <h1 style="background: red; mix-blend-mode</div> <h1 style="background: red; mix
浏览 29修改于2019-02-26得票数 3
回答已采纳
See the codepen:
https://codepen.io/heymeindert/pen/oNZjwPa 对于那些没有苹果电脑的人，请看屏幕截图：mix-blend-mode firefox-mac我正在考虑添加一个带有“@ support (mix-blend-mode: multiply)”的后备支持，但在这种情况下它总是会返回true，因为它在firefox上是受支持的…… 感谢您的帮助和您的时间
浏览 30修改于2021-05-12得票数 1
回答已采纳
所以我有这个小部件，正如你在每个部分的左上角和右上角看到的，它激活了mix-blend-mode: screen，但它从一个div中获得了一个边界半径，这个半径是在主div中设置的。 ? padding-left: 2.5em; mix-blend-modeauto; color: white;
浏览 17修改于2021-02-02得票数 0
我正在修改mix-blend-mode属性以将滤色器应用到图像上，但似乎mix-blend-mode multiply在Chrome和FF中的工作方式不同。 background: radial-gradient(circle, rgba(236, 205, 169, 0.2) 55%, #321E07 100%); background: radial-gradient(circle, rgba(246, 189, 57, 0.6
浏览 0修改于2015-11-11得票数 0
我正在尝试用mix-blend-mode实现一些东西，我想知道这是否可能。我想使用mix-blend-mode来创建“相乘”效果，同时保持文本为纯白。no-repeat; .content { width: 100%;background-color: red;
mix-blend-mode
浏览 2提问于2021-07-23得票数 2
important; .custom-header {} 我希望CSS可以工作，改变标题的颜色，允许它在#fff，#000和站点上的任何图像之前都是可见的，但由于某些原因，mix-blend-mode被突出显示为红色，并且不起作用。
浏览 30提问于2019-07-02得票数 0
我想使用mix-blend-mode属性来使某些特定的SVG路径采用笔划上的背景图像，以便该路径看起来就像是一个擦除路径。下面的代码就是我所达到的。因此，我正在寻求一种方法，将mix-blend-mode属性仅应用于单独的元素组，并保持其他元素不受影响。mix-blend-mode: lighten;<html>
<!
浏览 3提问于2017-11-09得票数 0
你能用mix-blend-mode在可滚动的div中打开一个洞，在背景中显示一个可点击的链接吗？www.stackoverflow.com">Stack Overflow</a> <div style="height:100%;width:100%;background:white;mix-blend-mode
浏览 4修改于2016-12-21得票数 1
如果删除包含mix-blend-mode属性的.light-leaks类，动画将正常运行。
有什么问题吗？谢谢。
浏览 1修改于2017-09-28得票数 0
我正在本地构建一个站点(所以我不能在这里显示它)，它的元素在悬停时会应用mix-blend-mode: screen;。它们是幻灯片中的图像，我正在使用Slick。
浏览 18修改于2020-09-19得票数 1
这是我的尝试 position:absolute; z-index:-1;.p{ mix-blend-mode:
浏览 7修改于2019-01-21得票数 0
nav { z-index: 1000; mix-blend-mode: difference;
ul
浏览 131修改于2021-03-01得票数 0
回答已采纳
border-radius: .5em; font-size: 1.1em; background: white;
mix-blend-mode
浏览 131修改于2020-10-26得票数 3
回答已采纳
$('.main1').hover(function() { $('.main1 img').css('mix-blend-mode', 'luminosity'); $('.main1').css('color', '');
$(
浏览 2修改于2018-09-01得票数 1
我试图使用CSS中的mix-blend-mode来操作文本颜色。我有一些内容在图片上面，文字的颜色是白色的，我的图像有一个白色的形状。当文本位于形状的顶部时，我想要混合文本。我已经尝试过一些测试，如果我在身体上应用mix-blend-mode，而不是在元素上应用，我就得到了我想要的结果。我不能在身体上使用mix-blend-mode，有什么方法可以得到相同的结果，但是不使用mix-blend-mode呢？CSS： background-color: #607bff;
mix-blend-mod
浏览 5修改于2016-02-20得票数 1
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号