IE에서 "경계 반경" 지원
인터넷 익스플로러가 "경계 반경" 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파이어폭스용입니다.-webkit-border-radius사파리 ≪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미리 보기를 실행하려면 Windows Vista 또는 Windows 7(및 IE9가 릴리스되면)이 필요합니다.
당신이 기다리는 동안..곡선 코너(경계-반경) 크로스 브라우저
해결 방법 및 유용한 도구:
CSS3Pie는 CSS3를 IE 6 - 8에 구현하기 위해 .htc 파일과 동작 속성을 사용합니다.
Modernizr은 html 요소에 클래스를 추가하여 기능에 따라 다른 브라우저에 다른 스타일 정의를 제공할 수 있는 약간의 Javascript입니다.
물론 이 두 가지 모두 오버헤드를 증가시키지만 IE9는 Vista/7에서만 실행되기 때문에 상당한 시간 동안 작동하지 않을 수 있습니다.2010년 8월 현재 Windows XP는 여전히 웹 클라이언트 OS의 48%를 차지하고 있습니다.
그것은 IE8용으로 계획되지 않았습니다.CSS 호환성 페이지를 참조하십시오.
그 이상의 계획은 발표되지 않았습니다.IE8이 윈도우 XP의 마지막 버전이 될 것이라는 소문이 있습니다.
<!DOCTYPE html>이 태그가 없으면 경계 반경이 IE9에서 작동하지 않습니다. 메타 태그가 필요 없습니다.
이 질문에 대한 빠른 업데이트로 IE9은 다음과 같이 국경 검색을 지원합니다. http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx
사용하다-ms-border-radius: 15pxCSS -ms-를 사용하는 모든 요소는 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에서 테두리 반지름을 올바르게 렌더링하지 않음
-ms-border-radius: 또는 border-radius:를 얻지 못하는 경우 IE 10,11에서 작동하고 모든 정사각형을 렌더링한 다음 다음 단계를 수행합니다.
- IE 브라우저의 오른쪽 상단에 있는 기어 휠을 클릭합니다.
- 호환성 보기 설정 클릭
- 이제 기본적으로 선택되어 있는 두 개의 상자의 선택을 취소합니다.
언급URL : https://stackoverflow.com/questions/635851/support-for-border-radius-in-ie
'programing' 카테고리의 다른 글
| Powershell: 프로세스 개체에 대한 표준 출력 및 오류 캡처 (0) | 2023.08.24 |
|---|---|
| haproxy를 통한 Galera 연결 문제 (0) | 2023.08.24 |
| 함수의 필수 및 기본 매개 변수 (0) | 2023.08.24 |
| $a + + + $a가 == 2인 이유는 무엇입니까? (0) | 2023.08.24 |
| Angular2에서 원시 html을 바인딩하는 방법 (0) | 2023.08.24 |