web에서 불투명도를 지정하는 대표적인 방법 2가지는 다음과 같다.

방법

1. opacity 속성

div{
	opacity : 0.8;
}

• div 속의 하위 요소들 색까지 모두 변한다.

2. rgba

div{
	color:rgba(_red, _green, _blue, 0.8);
}

• a(alpha)값도 0~1의 값을 넣을 수 있다.
  0=투명, 1=불투명
• 하위 요소들은 그대로고, div의 색만 변한다.

비교

1. 공통점

0~1의 값을 넣을 수 있다.
0=투명, 1=불투명

2. 차이

opacity : 하위 요소들의 불투명도까지 변함
rgba : 하위 요소들의 불투명도는 변하지 않음

배경만 변하길(내부 버튼, 사진 등의 색은 그대로) 원할 땐, rgba를 사용한다.