CSS 중 RGBA는 배경색을 alpha 값으로 투명도를 조절할 수 있으나, IE8 이하는 호환이 되지 않는 문제점이 있다.
그 방법을 해결하기 위해서 아래와 같이 사용하면 보다 나은 호환이 될듯
background: transparent;
background-color: rgba( 255, 0, 255, 0.3 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dff00ff, endColorStr=#4dff00ff );
-ms-filter: “progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dff00ff, endColorStr=#4dff00ff )”;
zoom: 1;
– “startColorStr”와 “endColorStr”의 값 : 헥사값
– 8자리의 헥사값에서 맨 앞의 두 자리가 바로 알파(a)의 헥사값
– 나머지 6자리는 rgb의 헥사값
– #ff00ff → rgb( 255, 0, 255 )
– 위의 예문에서는 “4d”가 바로, rgba()의 “0.3”과 같음
“0”부터 “0.9”에 해당하는 헥사값
0 = 00
0.1 = 1a
0.2 = 33
0.3 = 4d
0.4 = 66
0.5 = 80
0.6 = 99
0.7 = b3
0.8 = cc
0.9 = e6
[출처] http://yeriming.com/220647914841