Przeźroczystość tła - opacity

0

Cześć i czołem!
Mam do Was pytanko. Tworzę sobie taką dość prostą stronkę i pojawił mi się problem.
Mam diva - w który znajduje się nagłówek, tekst i przycisk.

Ten div - tłem jego jest obrazek - a w nim mają znajdować się w/w rzeczy. Teraz dopisuje do mojego css'a klasę diva i nadaje mu do obrazka przeźroczystość poprzez opacity: 0.6;

I tutaj pojawia się problem - że nagłówek, tekst , przycisk także stają się przeźroczyste - czyli dziedziczą to opacity. Próbuje skontrować to np. dopisując do h1 { opacity: 1;}

Ale to dalej nie pomaga. Jest jakiś sposób na to?

0

Dziękuję, nie miałem świadomośći, że można wykorzystać tutaj ::after i dodatkowo z-index. Genialna metoda - na którą kompletnie nie wpadłem! :P Dziękuję

1 użytkowników online, w tym zalogowanych: 0, gości: 1