Przeźroczystość tła - opacity

Przeźroczystość tła - opacity
  • Rejestracja: dni
  • Ostatnio: dni
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?

mr_jaro
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Grudziądz/Bydgoszcz
  • Postów: 5300
  • Rejestracja: dni
  • Ostatnio: dni
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ę

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.