출처 : http://siana.tistory.com/177
CSS3적용에 여전히 문제점을 가지는 IE ......에 라운딩박스의 경우여러가지방법이있다. 그 중 괜찮은것
데모는 여기서 바로 확인 가능 http://fetchak.com/ie-css3/
다른 방법들에 비해 쉽다. ie-css3.htc 이 파일이필요 다운은 http://code.google.com/p/curved-corner/
소스를 알아보자
CSS3 : border-radius
border-radius 는 박스의 라운드를 가능하게 해준다.
아직 이 방법이 적용 되지 않는 브라우저가 많으며 별도의 지정이 필요하다
<style type="text/css">
div.round
{
border: 1px solid #d0d0d0;
/*파이어폭스*/
-moz-border-radius: 8px;
/*웹킷기반 브라우저 구글크롬 사파리*/
-webkit-border-radius: 8px;
/* 오페라
10.5이상 */
border-radius: 8px;
/*IE6이상
IE-CSS3 핵사용*/
behavior: url(ie-css3.htc);
}
</style>
사용법은
<div class="round">
<div class="test">
논문
</div>
</div>
주석에서 달아 놓았듯이 테두리만 주면 IE에서는 모두 테두리색으로보인다.
따라서 다시 배경색을 지정 해 줬다.
