Как сделать затемнение фонового изображения при сохранении яркости текста?

Question

[Кристина]

https://codepen.io/anon/pen/QMGXMg

Подскажите пожалуйста, что не так делаю?
Нужно, чтобы затемнение при наведении накладывалось на фоновое изображение, а текст оставался поверх всего?
Т.е. ярким оставался.

Спасибо!

Comments

[kulaeff]

Потому, что .left:hover содержит стиль opacity: 0.1

[Андрей]

какая чудная портянка css, так легко найти нужные куски кода.

[Сергей Горячев]

Подскажите пожалуйста, что не так делаю?

Всё) Вообще не правильный какой-то подход.
Но поскольку я уже говорил, объяснение отвратительное, переписывать код не вижу смысла.

Answer 1

[Андрей]

Ну как один из возможных путей:
https://jsfiddle.net/qLc2msjj/

Answer 2

[Юрий Истомин]

Используйте для полупрозрачности rgba() вместо opacity.