Opacity napisu w Divie przejęte po Divie rodzicu

Question

Witam.

W poniżej przedstawionym fragmencie kodu widoczny jest div z linkiem i napisem z ikonką fontello wewnątrz.

			<div class="tile">
				<a href="http://www.drift.com" class="tilelink">		
					<i class="icon-user"></i> </br>
					Zawodnicy
				</a>
			</div>

Problem jest następujący:

W CSS próbowałem wystylizować div tak, aby tło posiadało opacity, ale sam napis (+fontello) oraz link (mający w css postać bloku) już nie. Próbowałem wstawiania napisu w inny div lub span - żadnych rezultatów. Próbowałem równierz opcji wstawienia napisu w div oraz użycia opcji w CSS "klasa":before w której zdefiniowane było opacity= 1.0;, To równierz nie pomogło. Czy macie jakieś sugestie jak rozwiązać ten problem? Pozdrawiam. 

Answer 1

jak rodzić ma opacity to i dziecko będzie prześwitywało, jeżeli chcesz aby tylko tło prześwitywało to użyj koloru RGBA

background: rgba(255,255,255,0.5); jako ostatnią wartość podajesz wartość z zakresu 0-1 to jest prześwit