Как перебить opacity на overlay?

Question

[Nikita Shchypylov]

И так, есть такой код: codepen.io/Nikulio/pen/mAVWEK
При наведении оверлей затемняет текст. Нужно же, что бы текст оставался белым, а все остальное заливалось
Как это можно реализовать?
Спасибо

Comments

[Dmitriy975]

Оверлей у тебя находится поверх всех элементов. Когда он становится не прозрачным, он перекрывает всё.
Почему бы не сделать для блока с текстом div.offer_text z-index выше чем у overlay. Скажем 1002. Тогда текст будет поверх overlay и при наведении затемняться не будет.

[Nikita Shchypylov]

Dmitriy975: Пробовал. Не помогло

[Nikita Shchypylov]

Dmitriy975: Ой, я не увидел на оверлее 1001. Спасибо большое! Перенеси в ответы - отмечу решением

[Dmitriy975]

Nikita Schipilov: Может что то не понимаю. codepen.io/anon/pen/zKAkmd При наведении текст белый. Глянул в opera, mozila и chrome

Answer 1

[Dmitriy975]

Оверлей у тебя находится поверх всех элементов. Когда он становится не прозрачным, он перекрывает всё.
Почему бы не сделать для блока с текстом div.offer_text z-index выше чем у overlay. Скажем 1002. Тогда текст будет поверх overlay и при наведении затемняться не будет.

Comments

[Nikita Shchypylov]

Спасибо !