Przeźroczystość rodzica, która nie obejmuje potomka

Question

Witajcie! 

Niby banalne pytanie i faktycznie tak jest, ale jak ustawić przeźroczystość dla rodzica, która nie obejmie potomka ? Załóżmy, że mam taki prosty kod HTML:

<div id="container">
	<div id="proba"></div>
</div> 

I taki kod CCS: 

#container
{
	background-color: black;
	opacity: 0.6;
	width: 100%;
	height: 100vh;
}

#proba
{
	margin: 0 auto;
	width: 50%;
	height: 50vh;
	background-color: red;
	opacity: 1 !important;
}

Jak ustawić przeźroczystość dla diva container i równocześnie złamać hierarchię i ustawić dla diva proba opacity:1 ? Jak widzicie !important nie działa. :( Proszę o pomoc.

Z góry dziękuję!
 

Answer 1

Z tego co się doczytałem z dziedziczeniem opacity jest problem. Pozostaje Ci tylko zadowolić się rgba.

Comments

Właśnie myślałem nad rgba, ale napisałem pytanie zanim o tym w ogóle pomyślałem :D I faktycznie działa! Dziękuję bardzo za pomoc :)

Pozdrawiam!