混合模式不适用于 elementor wordpress 网站答案

【问题标题】：mix-blend-mode not working with elementor wordpress website混合模式不适用于 elementor wordpress 网站
【发布时间】：2019-11-13 03:26:20
【问题描述】：

由于我的网站http://newwebsite.outfit24.com.au（仍在建设中）大量基于图像，我希望更改标题文本颜色以使其从背景（深色和浅色图像）中脱颖而出。我已经使用 Elementor 来批量构建我的网站，并且我正在使用“自定义 CSS 和 JS”插件来编写我的 CSS 并更改标题颜色。在 elementor 中，我将 header CSS 类设置为“custom-header”。

我尝试过使用“混合混合模式：差异；”但是混合混合模式以红色突出显示并且似乎不起作用。这是 mix-blend-mode 不起作用的屏幕截图：https://ibb.co/MNbf84z

.custom-header a{
    color:#fff!important; 
}
.custom-header {
    mix-blend-mode:difference!important; 
}

我希望 CSS 能够正常工作，更改标题的颜色，使其无论是在 #fff、#000 还是网站上的任何图像前面都可见，但由于某种原因，mix-blend-mode 是突出显示红色并且不工作。有谁知道为什么会这样？

感谢您的帮助:)

【问题讨论】：

标签： css wordpress elementor mix-blend-mode

【解决方案1】：

当部分或其父部分有任何 z-index 值时，混合模式不起作用。

【讨论】：