[ CSS ] IE 8 이하에서 RGBa 적용하기 ( filter ).

[ CSS ] How to apply RGBa() in IE 8 and earlier versions, using gradient filter.

자료 출처 :
1. opacity 와 rgba (Transparent) - [ WEBDIR (한글) ]
2. RGBa Browser Support - [ CSS-Tricks (영문) ]
3. Color Converter - [ w3schools.com (영문) ]

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과 같다.

In the above, the values of startColorStr & endColorStr are hex values.
In the eight-digit of hex value,
the first two digits are the hex value of alpha( a ),
and the remaining six digits are the hex value of rgb. #ff00ff → rgb( 255, 0, 255 )
In the example above, 4d is equal to 0.3 of rgba.

"0"부터 "0.9"에 해당하는 헥사값은 각각 아래와 같다. The hex values from 0 to 0.9 are as follows.

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 

"filter"에 대한 MSDN 사이트 ( 영문 )
1. Introduction to Filters and Transitions
2. Visual Filters and Transitions Reference

그외 사이트 ( 영문 )
1. filter property ─ [ help.dottoro.com ]

이 내용이 도움이 되셨다면, 아래의 하트 버튼을 눌러주세요. *^^*
If this article is helpful to you, please click the heart button below. :)