background:transparent; background-color:rgba(255,255,255,.9); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#e6ffffff,endColorStr=#e6ffffff)"; zoom:1
- background:transparent 를 넣는 이유는 앞에 다른 배경값이 있으면 충돌할 가능성이 있어서 넣어준다.
- -ms- 벤더 프리픽스를 붙인 필터만 붙인다, 안붙인 필터도 같이 넣으면 적용이 안됨
- 안쪽 startColorStr 값은 대문자 소문자 상관없음
- zoom:1을 붙이는 것은 필터를 적용할 요소는 레이아웃을 가져야 하는데 인라인 요소에는 IE의 특성상 레이아웃을 가지지 않기 때문에 추가해 준다.
- 처음 2글자에는 Alpha값을 지정하는데 rgba가 아닌 argb 형식이나 16진수의 값을 적용한다.
16진수 Alpha 값
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
이슈사항
- ie8에서 before 또는 after와 같은 가상클래스에 필터 적용이 안됨
- rgba(0,0,0,.2) 이렇게 색상값이 1자리수로 된건 적용이 안되고 rgba(000,000,000,.2) 이렇게 3자리수를 맞춰야 적용이 됨
