css

rgba ie8 이하 대응

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자리수를 맞춰야 적용이

 

댓글

댓글 본문
작성자
비밀번호
버전 관리
jude
현재 버전
선택 버전
graphittie 자세히 보기