포럼
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로 가야합니다.
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
jooyoon88 | 라라벨 과 XE 는 잘 어울리는 한쌍 인 것 같습니다. [8] | 2015.06.04 by 또별 |
이온디 | 블로그용 스킨이 없네요.. [5] | 2015.05.31 by 독도2005 |
키스미베이베 | 언제부터인가 xpresseditor를 쓰면 css가 안되어있네요 | |
착한동구 | 우와 어쩌다 이런 곳 알았는데 레이아웃 만드시는분들 파라다이스 될듯 하네요 [5] | 2015.05.30 by XESTUDIO |
쿨럭이 | 아파치에서 nginx으로 해방되다!! [11] | 2015.05.30 by Luatic™ |
숭숭군 | XEIcon 언제쯤 업데이트 될까요? [4] | 2015.05.29 by 숭숭군 |
이온디 | 작년부터 만들던 레이아웃이 있는데 디자인에서 진도가 안 나가네요. [13] | 2015.05.29 by 이온디 |
쿨럭이 | 데이타베이스 vs htm ?? [3] | 2015.05.29 by 기진곰 |
inJin | 모바일 브라우저 호환성 문제 때문에 열이 뻗치네요.. [5] | 2015.05.29 by inJin |
GG | 어제 오늘 갑자기 트래픽이 늘어서 뭐지? 했는데... | |
화랑529 | XE 책 좀 추천해주세요. [6] | 2015.05.28 by 화랑529 |
우냠냠냠 | 호스팅 입문 어떤걸로 하셨었나요? [22] | 2015.05.27 by 김아흥 |
김아흥 | xe에만 접속하면 묘하게 느리네요 [29] | 2015.05.27 by 김아흥 |
김아흥 | contactus 모듈 좀 이상하네요.. [4] | 2015.05.27 by 김아흥 |
큰돌♡ | 공홈 게시판 중 재밌는 현상 발견.... [3] | 2015.05.25 by 큰돌♡ |
착한동구 | 부트스트랩 컴퍼넌트 이쁘네요 | |
karutian | 레이아웃을 만든다는건 보통일이 아니군요 [12] | 2015.05.25 by 착한동구 |
DCONF | 안드로이드 앱 제작 모듈의 개발자입니다. [32] | 2015.05.25 by jjnj |
CONORY | XE개발에 입문하시는 분들 참고해주세요. [9] | 2015.05.24 by karutian |
karutian | 레이아웃 개발 진행현황! |