Remove mix-blend-mode from child element
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: How can I set mix-blend-mode on an element, but not it's children? Setting the children to the default value of normal does not seem to work: http://jsfiddle.net/uoq916Ln/1/ 回答1: someone commented that the the whole block is rendered with the effect and that is why you're having the issue. I am able to accomplish what you're are trying to do by removing the h1 from the block, position absolute, and a z-index of 1. here is a jsfiddle to show the effect. html <div class="bkdg"> <h1>Header</h1> <div class="blend"> </div> </div> css .blend {