混合模式不与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和网站上的任何图像，但出于某种原因，混合混合模式为突出显示红色，不起作用。有人知道为什么会发生这种情况吗？

感谢您的帮助：(

Answer 1

混合模式在您的部分或其父节有任何z索引值时不起作用。

Answer 2

对于可能仍然需要的任何人。我尝试在WordPress中使用Mix-Blend模式一段时间，并被"未知属性混合模式"击中。错误。据我所知，WordPress提供的CSS编辑器有该错误，但是如果我自己做自己的HTML部分(我猜所有主题支持的许多主题支持(并制作了<style>.blahblah {mix-blend-mode: difference;}</style>，那就可以正常工作。值得尝试。

结论：不要使用WordPress CSS编辑器。使用HTML部分并在其中写样式。