내가 자꾸 까먹어서 쓰는 개발 이야기/HTML, CSS

IE8 이하 버전에 border-radius 적용하기

FIL. 2014. 2. 13. 20:03
728x90

http://css3pie.com/download/


이곳에서 다운받은 PIE.htc 파일을 서버에 업로드 한다. (/css/, /styles/ 등등 css 파일들이 있는 경로)


정의된 css 클래스 중 border-radius가 사용 된 클래스에 각각 한줄을 추가 해 준다.



.box{

border:solid 1px #eeeeee;

border-radius:10px;

behavior:url(/css/PIE.htc);

}


이제 IE8에서 곡선 스타일이 잘 표현된다.