mix-blend-mode不适用于elementor wordpress网站

Question

由于我的网站http://newwebsite.outfit24.com.au (仍在建设中)在很大程度上是基于图像的，我想要改变标题文本的颜色，以便它从背景中脱颖而出(包括深色和浅色图像)。我已经使用Elementor来批量构建我的站点，我正在使用"Custom CSS and JS“插件来编写我的CSS并更改标题颜色。在elementor中，我将header CSS类设置为“custom-header”。

我尝试过使用“mixed-blend-mode :difference；”，但是mixed-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被突出显示为红色，并且不起作用。有人知道为什么会这样吗？

感谢您的帮助：)

Answer 1

当截面或其父截面具有任何z索引值时，混合模式不起作用。