웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
IE6~8에서 CSS3속성 사용하기
2010.10.01 11:29
디자인을 하다보면 그림자나 라운드형 박스를 넣고싶을 때가 있습니다.
이럴때 PNG파일을 써서 처리를 하는데, IE6때문에 골치아파지죠.
저같은 경우에는 PNG투명처리해주는 jQuery 라이브러리를 이용하는데요.
홈페이지 자체가 무거워지는것을 느낍니다.
서핑을 하다가
CSS3 속성을 IE6~8까지 이용할 수 있도록 하는 하나의 라이브러리(.htc)를 봤는데
생각보다 깔끔하고 가벼운것 같아 실제 사용해도 좋겠더라구요.
VML을 이용하고 behavior: url(PIE.htc)undefinedundefined;
를 각각 속성에 적용하는 방법입니다.
(또 자바스크립트로도 핸들할 수 있습니다.)
CSS3가 앞으로 대세라는데, IE6~8 때문에 망설이셨던 분들은. 이제 맘편히 공부할 수 있겠군요.
에 들어가셔서 테스트해보세요.
아직 BETA이지만 추가적으로 더 많은 속성들을 사용할 수 있게 개발중이라고 합니다.
제 홈페이지도 CSS3로 다 바꿔야 겠습니다.