0

由于我的网站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 突出显示为红色和不工作。有谁知道为什么会这样？

谢谢你的帮助：）

4

1 回答 1

0

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

于 2019-12-16T17:28:50.883 回答