border-radius, box-shadow 를 IE8이하버전에 적용시키기

css3에서 가장 많이 사용하는 속성 중 하나가 바로 border-radius이다. 기존에는 이미지로 처리했던 방식을 css로 처리할 수 있으니 퍼블리셔입장에선 매우 간편한 속성이라고 할 수 있다. 하지만 이 속성은 IE 8 이하버전에서는 적용이 되지 않는다.

그럴 때 사용하는 것이 바로, PIE라는 것인데,

특정 파일을 업로드시키고 border-radius 속성쓰는 부분에 다음코드를 추가작성해주면 된다.

behavior: url( "PIE.htc" );

주의사항!

1. position후에 작성할 경우 무시가 되기때문에, 해당속성을 가장 앞에 작성해줘야만 한다.

2. url()의 PIE의 경로를 css파일이 아니라 html파일에 상대적인 주소여야한다.

파일 및 자세한 내용은 http://css3pie.com/ 에서 확인가능하다.