好的,所以我正在建立一个WordPress网站,有问题的页面可以在这里看到:http://test.pr-tech.com/power-line-markers/
我遇到的问题是我在我的div容器中使用mix-blend-mode来在背景上使用'lighten'混合.
它完美地工作,但我遇到的问题是,不幸的是容器内的子元素(即文本)也继承了混合模式,因此它也使我的文本"混合",这不是我想要的(我希望文本没有混合模式).
无论如何,你可以看到我在下面使用的代码:
#category-intro-text {
padding: 0.625em 0.938em;
mix-blend-mode: lighten;
background-color: rgba(220, 235, 255, 0.8); repeat;
}
Run Code Online (Sandbox Code Playgroud)
我试过应用'mix-blend-mode:none;'之类的东西.到文本,但这不起作用.
我已经在谷歌搜索了这个相当广泛的答案,但是,这个主题并没有多少(如果有的话).