Ie8 이하에서는 border-radius 와 box-shadow 등 CSS가 작동을 안합니다.
하여 IE8 이하에서도 해당 CSS가 보여지게끔 파일 하나만 FTP로 올린뒤
CSS에 한줄만 추가함으로써 IE8 이하에서도 보여지게끔 할수 있습니다.
1. 첨부파일 또는 아래사이트에서 압축되어있는 파일을 다운로드후 압축을 푼뒤 파일중에서 PIE.htc 파일을 FTP로 업로드 합니다.
-PIE파일을 받을수 있는 사이트-
http://css3pie.com/download/
2. 아래의 코드처럼 behavior: url( "PIE.htc" ); 코드를 써주기만 하면 ie7과 8까지 적용되지 않던 border-radius 와 box-shadow 등이 보여집니다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>PIE</title> <style type="text/css"> #circ { width: 600px; height: 600px; margin: 20px auto; border: 5px solid #444444; border-radius: 50%; behavior: url( "PIE.htc" ); } </style> </head> <body> <div id="circ"></div> </body> </html>
이제 IE8에서도 원을 볼 수 있습니다.
[출처] [ie8 이하 border-radius]htc 사용법|작성자 mrb18bae
[출처] [ie8 이하 border-radius]htc 사용법|작성자 mrb18bae
'웹관련 > 크로스브라우징' 카테고리의 다른 글
| [CSS] IE8 이미지 사이 여백 없애기 (0) | 2016.09.23 |
|---|---|
| [CSS] a(anchor)태그에 position:absolute 지정되었을경우 IE에서 클릭되지 않는 문제해결방법 (0) | 2016.09.23 |
| [ie7,8] CSS3 그림자 효과 ie포함 - htc이용 (0) | 2016.09.23 |
| [크로스브라우징] ie 9이하 html5/css인식 (0) | 2016.06.10 |
| [CSS] jQuery png fadeOut() hide() animate 검은색 문제 해결 방법 (0) | 2016.06.10 |
댓글