CSS -Border -Radius는 IE6/7/8에 표시되지 않습니다.

Question

다음 CSS를 사용하여 DIV에서 둥근 테두리를 달성합니다.

border: 1px solid #999; 
border-radius: 6px; 
-ms-border-radius: 6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;

그러나 IE 6/7/8에서 IE 특정 반경을 포함하더라도 둥근 DIV 경계를 표시하지 않습니다 (정사각형 테두리가 표시됨).

IE 6/7/8만이 둥근 테두리를 표시하지 않는 이유는 무엇입니까?

Answer 1

IE8 현재, IE는 CSS3 Border-Radius 속성을 지원하지 않습니다. 당신이 그 말을 한 것을 잘 모르겠습니다. 이미지, JavaScript 또는 기타 많은 트릭을 사용하여 IE의 둥근 코너를 사용할 수 있습니다.

Answer 2

-ms-border-radius Internet Explorer는 그것을 지원하지 않습니다.

Microsoft가 둥근 코너에 대해 말해야 할 '최신'은 이 오래된 테이블+이미지 해킹 제목이 '곡선보다 앞서있어';-)

Answer 3

IE는 Border-Radius를 지원하지 않습니다.

에서 IE8 Expert Zone 채팅:

Chris Wilson [MS] (전문가) :

Q : [9] CSS의 국경-라디우스를 지원하기위한 계획, 예를 들어. -ms-border-radius : 5px; ? Firefox 및 Safari에는 -khtml- 및 -moz- 구현이있어 이미지 나 스프라이트없이 둥근 모서리를 수행하고 성능을 향상시킬 수 있습니다. http://preview.tinyurl.com/9y3tfn/

A : Border-Radius는 위시리스트에서 높지만 IE8에 있지 않습니다.

Answer 4

답이 받아 들여 졌다는 것을 알고 있지만 추가 조언/지원/지도가 필요하다면 매력적인 모서리; 그들은 예제가있는 JS 라이브러리가 있습니다.

물론 그렇습니다 mootools, 제 3 자 (내가 알 수있는 한) 모듈이 있지만 phat fusion. 그리고 jQuery 자체 타사 코너 플러그인이 있습니다 Methvin.