CSS background color 에만 불투명도 적용하기

한번쯤은 이런경우 겪어보셨을거에요, 투명도를 적용했는데 글자까지 투명도가 적용된다면?

div { background-color: #181818; opacity: 0.5; }

이렇게 적용한다면 당연히 글자까지도 영향이 갈수밖에 없습니다. 해결방법은 rgba를 사용하는것인데요.

 

background-color: rgba(0, 255, 0, 0.5); / 투명도: 0.5 /