즉,“국경-라디우스”에 대한 지원

문제

인터넷 익스플로러가 언제 "Border-Radius"CSS 속성을 지원할 것인지 아는 사람이 있습니까?

해결책

예! IE9가 2011 년 1 월에 출시 될 때

네면 모두에 15px를 원한다고 가정 해 봅시다.

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

IE9는 기본값을 사용합니다 border-radius, 따라서 모든 스타일에 테두리 반경을 부르는 것을 포함시켜야합니다. 그러면 사이트가 IE9에 대한 준비가됩니다.

-moz-border-radius Firefox를위한 것입니다. -webkit-border-radius 사파리와 크롬을위한 것입니다.

또한 : IE 코딩을 IE9라고 선언하는 것을 잊지 마십시오.

<meta http-equiv="X-UA-Compatible" content="IE=9" />

일부 게으른 개발자가 있습니다 <meta http-equiv="X-UA-Compatible" content="IE=7" />. 그 태그가 존재하면 Border-Radius는 IE에서 작동하지 않습니다.

다른 팁

이 질문에 대한 답은 1 년 전에 묻는 이후로 바뀌 었습니다. (이 질문은 현재 "Border-Radius IE"에 대한 인터넷 검색의 주요 결과 중 하나입니다.)

IE9는 지원할 것입니다 border-radius.

플랫폼 미리보기가 있습니다 사용 가능 어느 지원합니다 border-radius. 미리보기를 실행하려면 Windows Vista 또는 Windows 7이 필요합니다 (IE9가 릴리스 될 때 IE9).

해결 방법과 편리한 도구 :

CSS3PIE .htc 파일과 동작 속성을 사용하여 CSS3를 IE 6-8로 구현합니다.

Modernizr HTML 요소에 클래스를 넣는 약간의 JavaScript로, 기능에 따라 다른 브라우저에 다른 스타일 정의를 제공 할 수 있습니다.

분명히, 이것들은 모두 더 많은 오버 헤드를 추가하지만, Vista/7에서만 실행되기 때문에 IE9는 잠시 동안 붙어있을 수 있습니다. 2010 년 8 월 현재 Windows XP는 여전히 웹 클라이언트 OS의 48%를 차지합니다.

IE8에 대해 계획되지 않았습니다. 참조 CSS 호환성 페이지.

그 외에도 계획이 공개되지 않았습니다. 소문이 존재합니다 IE8은 마지막이 될 것입니다 Windows XP의 버전

<!DOCTYPE html> 이 태그가 없으면 Border-Radius가 IE9에서는 작동하지 않으며 메타 태그가 필요하지 않습니다.

이 질문에 대한 빠른 업데이트, IE9는 다음에 따라 Border-Radius를 지원합니다. http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx

사용 -ms-border-radius: 15px, CSS -MS-를 사용하는 모든 요소는 IE와 호환됩니다.

IE의 코너 반경 문제는 해결할 것입니다.

경계 반경 및 배경 구배에 대한 지원은 어떻습니까? 예, IE9는 두 가지를 별도로지지하는 것이지만 두 가지를 섞으면 둥근 모서리에서 그라디언트 블리드가 튀어 나옵니다. 아래는 열악한 예에 대한 링크이지만 내 테스트에서도 보았습니다. 스크린 샷을 가져야합니다 :(

어쩌면 실제 질문은 언제 IE가 MS 필터 독점 해킹없이 CSS 표준을 지원할 것인지입니다.

해결 - IE 10과 11에서 국경 반경을 올바르게 렌더링하지 않음

-ms-border-radius를 얻지 못하는 사람들의 경우 : 또는 Border-Radius : IE 10,11에서 일하고 모든 정사각형을 렌더링 한 다음 다음 단계를 따릅니다.

Ensure that the boxes are unchecked as in pic

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow