포럼
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
css3 rgba를 ie8이하에서 filter로 쓰느냐 png투명이미지로 쓰느냐
2011.09.18 00:54
css3를 지원하는 브라우저(ie9,크롬,파폭,사파리 등)에서는 rgba가 먹기 때문에 전혀 문제가 없습니다.
ie8 이하에서 투명한 배경을 쓰고 있습니다.
두 가지 방법이 있는데
하나는 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);를 이용하는 것과
또 하나는 위 값에 해당하는 투명한 png 파일을 만들어 background:url(../images/rgba.6.png);로 쓰는 겁니다.
이렇게나 저렇게나 결과물은 같은데
제 경험상 filter보다는 png투명이미지를 사용하는 것이 화면이 빨랐습니다.
하지만 ie6은 png배경을 pngfix로 써야 하기때문에 그냥 filter로 가야합니다.
ie8 이하에서 투명한 배경을 쓰고 있습니다.
두 가지 방법이 있는데
하나는 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);를 이용하는 것과
또 하나는 위 값에 해당하는 투명한 png 파일을 만들어 background:url(../images/rgba.6.png);로 쓰는 겁니다.
이렇게나 저렇게나 결과물은 같은데
제 경험상 filter보다는 png투명이미지를 사용하는 것이 화면이 빨랐습니다.
하지만 ie6은 png배경을 pngfix로 써야 하기때문에 그냥 filter로 가야합니다.