IE에서 "테두리 반경"지원
Internet Explorer가 "테두리 반경"CSS 속성을 지원하는지 여부를 아는 사람이 있습니까?
예! IE9가 2011 년 1 월에 출시 될 때
4면 모두에서 15 픽셀을 원하는 경우를 가정 해 보겠습니다.
.myclass {
border-style: solid;
border-width: 2px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
IE9는 기본값을 사용 border-radius하므로 테두리 반경을 호출하는 모든 스타일에 포함시켜야합니다. 그런 다음 사이트가 IE9를 준비합니다.
-moz-border-radiusFirefox 용, -webkit-border-radiusSafari 및 Chrome 용입니다.
또한 IE 코딩을 ie9로 선언하는 것을 잊지 마십시오.
<meta http-equiv="X-UA-Compatible" content="IE=9" />
게으른 개발자들도있다 <meta http-equiv="X-UA-Compatible" content="IE=7" />. 해당 태그가 있으면 IE에서 테두리 반경이 작동하지 않습니다.
이 질문에 대한 답변은 1 년 전에 요청 된 이후로 변경되었습니다. (이 질문은 현재 인터넷 검색 "테두리 반경"의 최상위 결과 중 하나입니다.)
IE9가 지원 border-radius합니다.
플랫폼 미리보기가 사용할 수 있는 지원은 border-radius . 미리보기 (및 릴리스 될 때 IE9)를 실행하려면 Windows Vista 또는 Windows 7이 필요합니다.
기다리는 동안 .. 곡선 모서리 (테두리 반경) 크로스 브라우저
해결 방법과 편리한 도구 :
CSS3Pie 는 .htc 파일과 behavior 속성을 사용하여 CSS3를 IE 6-8로 구현합니다.
Modernizr 은 HTML 요소에 클래스를 넣는 약간의 자바 스크립트로, 기능에 따라 다른 브라우저에 다른 스타일 정의를 제공 할 수 있습니다.
분명히, 둘 다 오버 헤드를 추가하지만 Vista / 7에서만 실행되는 IE9에서는 꽤 오래 걸릴 수 있습니다. 2010 년 8 월 현재 Windows XP는 여전히 웹 클라이언트 OS의 48 %를 차지합니다.
IE8에는 계획되어 있지 않습니다. 참고 항목 CSS 호환성 페이지를 .
그 외에는 계획이 발표되지 않았습니다. IE8이 Windows XP 의 마지막 버전 이라는 소문 이 있습니다.
<!DOCTYPE html> 이 태그가 없으면 border-radius는 IE9에서 작동하지 않으므로 메타 태그가 필요하지 않습니다.
이 질문에 대한 빠른 업데이트 IE9은에 따라 국경 - 반경을 지원합니다 : http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx
사용 -ms-border-radius: 15px, 사용이 -ms-를 CSS 것을 모든 요소는 IE와 호환됩니다.
IE의 코너 반경 문제는 해결 될 것입니다.
http://kbala.com/ie-9-supports-corner-radius/
테두리 반경 및 배경 그라디언트 지원은 어떻습니까? 예 IE9는 두 가지를 별도로 지원하지만 둘을 혼합하면 둥근 모서리에서 그라디언트가 번집니다. 아래는 나쁜 예에 대한 링크이지만 내 테스트에서도 볼 수 있습니다. 스크린 샷을 찍어야합니다 :(
실제 문제는 IE가 MS-FILTER 독점 해킹없이 CSS 표준을 언제 지원할 것인가입니다.
http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
해결-IE 10 및 11에서 테두리 반경을 올바르게 렌더링하지 않음
IE 10,11에서 작동하도록 -ms-border-radius : 또는 border-radius :를 얻지 못하는 사람들은 모든 사각형을 렌더링 한 다음 다음 단계를 따르십시오.
- IE 브라우저의 오른쪽 상단에있는 톱니 바퀴를 클릭하십시오
- 호환성보기 설정을 클릭하십시오
- 이제 기본적으로 선택되어있는 2 개의 상자를 선택 해제하십시오.
참고 URL : https://stackoverflow.com/questions/635851/support-for-border-radius-in-ie
'IT' 카테고리의 다른 글
| 어느 것이 더 빠르거나 가장 좋습니까? (0) | 2020.06.04 |
|---|---|
| 클래스 인스턴스를 JSON으로 직렬화 (0) | 2020.06.04 |
| Twitter Bootstrap 3에서 col-lg-push 및 col-lg-pull을 사용한 열 순서 조작 (0) | 2020.06.04 |
| iOS 7에서만 실행할 때 Storyboard 프로토 타입 셀 (Xcode 6, iOS 8 SDK)의 UICollectionViewCell contentView 프레임 자동 크기 조정 문제가 발생합니다. (0) | 2020.06.04 |
| 클래스 접두사별로 CSS 선택기가 있습니까? (0) | 2020.06.04 |