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

Question

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

我曾尝试使用“混合混合模式：差异；”但混合混合模式突出显示为红色，但似乎无法正常工作。这是混合混合模式不起作用的屏幕截图：https://ibb.co/MNbf84z

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

我希望CSS能够正常工作，更改标头的颜色，使其在＃fff，＃000和站点上的任何图像之前均可见，但是由于某种原因，mix-blend-mode是高亮显示为红色，不起作用。有人知道为什么会这样吗？

感谢您的帮助：）

Answer 1

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