Zmiana OPACITY samego tła nawigacji bez tekstu

Question

Witajcie! Czytam i nie mogę rozkminić jak zmienić przezroczystość tła nawigacji nie biorąc pod uwagę tekstu? Jak zrobić wyjątek? Daje to fajny efekt ale niestety tekst też zostaje mniej widoczny razem z tłem. :(

Comments

Takie pytanie już było, wystarczy użyć wyszukiwarki forum...

Answer 1

Jeżeli tło ma mieć jednolity kolor użyj rgba()
W innym przypadku możesz użyć pseudoelementu, lub całkiem nowego elementu któremu ustawisz odpowiednie opacity

 

Comments

.navbar {
      background-color: rgb(0,0,0) !important;
      color: white;
      z-index: 9999;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
      border-radius: 0;
      opacity: 0.5;
     

}

Nie wiem w którym miejscu wcisnąć to opacity albo jaaką stworzyć tą pseudoklase aby opacity nie ruszało tekstu.

---

rgba() zamiast rgb()

Różni się to tym ,że podajesz czwarty argument który jest wartością opacity w przedziale 0 do 1

Powinno to wyglądać tak:
 

.navbar {
      background-color: rgba(0,0,0,0.5) !important;
      color: white;
      z-index: 9999;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
      border-radius: 0;
}