如何在元素上设置mix-blend-mode,但不是它的子元素？将子项设置为默认值normal似乎不起作用：
解决方法
有人评论说整个块都是用效果渲染的,这就是你遇到问题的原因.我能够通过从块移除h1,位置绝对和z-index为1来完成你想要做的事情.这里是一个显示效果的jsfiddle.
HTML
<div class="bkdg">
<h1>Header</h1>
<div class="blend">
</div>
</div>
CSS
.blend {
background-color: green;
mix-blend-mode: multiply;
width: 700px;
height: 35px;
}
h1 {
color: white;
position: absolute;
top: -15px; left: 10px;
z-index: 1;
}