2012-09-05 3 views
0

Div의 모서리를 어떻게 둥글게 할 수 있습니까? 나는 코드를 다음과 같이 시도했지만 작업 doesnot : 문제가되지해야 위의 코드 그래서 난 아직도 지금 작동하고, IE6/7를 사용하고둥근 모서리가있는 Div 경계

border: 2px solid black; 
border-radius: 6px; 

합니다.

다른 해결 방법은 있습니까?

TIA.

+0

IE <8이 문제를 해결할 수 - – andyb

+1

국경 반경하지 않는 http://caniuse.com/#search=border-radius 참조 IE6, 7 또는 8에서 작동합니다. 결과로 둥근 테두리를 보려면 IE9, Chrome, Firefox 또는 Opera가 필요하거나 CurvyCorners와 같은 JavaScript 대체 기능을 사용해야합니다. – pleunv

+0

아무도'IE6'을 사용하지 않으며'IE7'을 사용하는 사람은 거의 없습니다. – Phil

답변

2

border-radius IE6/7에서는 CSS 속성이 지원되지 않습니다. IE에서이 효과를 얻으려면 .htc 파일을 사용해야합니다. 당신은 당신의 웹 사이트에/CSS/폴더에 파일을 업로드해야 http://code.google.com/p/curved-corner/downloads/detail?name=border-radius.htc

:

는 여기에하며 .htc 파일 링크입니다.

.rounded-corners { 
    behavior: url(/css/border-radius.htc); 
    border-radius: 20px; 
} 

이 튜토리얼은 자세하게 설명 : 그리고 여기 당신이 당신의 코드에서 사용하는 것이 방법이다 http://jonraasch.com/blog/css-rounded-corners-in-all-browsers 방금 ​​언급 cassi.lup으로, 둥근

2

코너 IE6,7,8에서 지원되지 않습니다 .

당신은 그러나 기본적으로 CSS`국경 radius` 속성을 지원하지 않습니다 CSS3 Pie

관련 문제