Блог

Главная - Вопросы по программированию - Инвертирование цвета текста в зависимости от фона видео

Инвертирование цвета текста в зависимости от фона видео

#html #css #colors #background #invert

#HTML #css #Цвет #фон

Вопрос:

Я ищу способ инвертировать цвет текста в зависимости от цвета видео, который у меня есть в фоновом режиме. Я не нашел никакого способа сделать это без постоянного значения цвета, которое необходимо, потому что цвет за текстом никогда не бывает одинаковым.

Я уже пробовал использовать mix-blend-mode и изменять цвет текста, но, конечно, напрасно :

 .my-text {
    color: black;
    mix-blend-mode: difference
}

Это просто дает мне текст черным цветом.

Я тоже пытался filter: invert(1); , но он просто выделил текст черным цветом, поскольку он не учитывает фон.

Ответ №1:

Комментарии:

1. Спасибо за ответ. Он работает в Firefox, но не в Chrome. В Chrome цвет просто белый, и эффект инвертирования не выполняется

2. Я, наконец, понял, что это не работает из-за z-индекса. Я только что удалил значение z-index в моем тексте и фоне, чтобы они эффективно располагались друг над другом.