Режим mix-blend не работает с сайтом elementor WordPress - PullRequest
0 голосов
/ 02 июля 2019

Поскольку мой сайт http://newwebsite.outfit24.com.au (все еще строится) в значительной степени основан на изображениях, я хочу, чтобы цвет текста заголовка изменялся так, чтобы он выделялся на фоне (как темные, так и светлые изображения). Я использовал Elementor для массового создания своего сайта, и я использую плагин "Custom CSS and 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 выделен красным и не работает. Кто-нибудь знает, почему это происходит?

Спасибо за вашу помощь:)

...