小编Dig*_*Sky的帖子

如何使用mix-blend-mode,但不会影响子元素?

好的,所以我正在建立一个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;'之类的东西.到文本,但这不起作用.

我已经在谷歌搜索了这个相当广泛的答案,但是,这个主题并没有多少(如果有的话).

css html5 blending

6
推荐指数
2
解决办法
7381
查看次数

标签 统计

blending ×1

css ×1

html5 ×1