CSS - opaciy, rgba, filter (투명도 조절 _ IE8)

opacity 와 rgba 는 둘 다 IE8 이하에서 동작하지 않으므로 다르게 처리해야 한다.

opacity

.box {
	-ms-filter:alpha(opacity=0.5); /* IE8 */
	filter:alpha(opacity=0.5); /* IE7 */
	opacity:0.5;
}

filter : alpha 값을 함께 넣어준다.

rgba

.box {
	background: rgba(255,255,255,0.3);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff, endColorstr=#50ffffff);
}

filter : ...gradient 값을 함께 넣어준다.

투명도 부분은 opacity와 다르게 0~100% 숫자값으로 입력해야 한다(위 코드 #50 부분 / 이후는 RGB).