Jak zrobić aby tło było przeźroczyste a nie tekst?

Question

Stworzyłem stronę.Chcąc dodać do niej artykuł zrobiłem diva o nazwie post zrobiłem aby był to kwadrat  na 700x500px i dałem mu opacity:0.5 i problem polega na tym że tekst również robi się przeżroczysty da się na to coś poradzić?
KOD CSS
 

.post
{
	width:700px;
	height:500px;
	background-color:black;
	margin-right:auto;
	opacity:0.5;
}

KOD HTML
 

<div class="post">

<h2>tekst</h2>
<h3>tekst</h3>

</div>
Z góry dziękuje za pomoc!

Answer 1

Background-color możesz ustawić w formacie rgba()

.post
{
    width:700px;
    height:500px;
    background-color:rgba(0, 0, 0, 128);
    margin-right:auto;
    opacity:0.5;
}

 

Comments

Zrobiłem tak i tekst nadal jest przeżroczysty

---

zapomniałem usunąć opacity: 0.5;. Spróbuj usunąć ostatnią linijkę w tej klasie :D

---

Tak jak napisał mitelak, kanał alfa ustala się za pomocą liczby z przedziału 0.0 do 1.0, nie zaś 0 do 255.

---

Aha, racja, mój błąd. Dobrze, że nie poszedłem na frontend, a wybrałem backend 

Answer 2

Jeżeli dodajesz opacity na diva to cały ten div będzie półprzeźroczysty razem z zawartością. Tutaj jeżeli chcesz, żeby tło było jednego koloru to najprościej użyć koloru w formacie rgba (red, green, blue, alpha) czyli background-color: rgba(0,0,0,0.5);