IE, CSS/DIV에서 작동하지 않는 둥근 모서리

내 CSS가 Iexplorer와 작동하지 않습니다. 왜이 기능이 작동하지 않는지 설명 할 수 있습니까?IE, CSS/DIV에서 작동하지 않는 둥근 모서리

html로

<div class="myBox"> Content <div>

CSS의 :

.myBox { 
    margin: 0.0in auto; 
    color: #FFF; 

    width: 450px; 
    height:450px; 
    padding: 12px; 
    text-align: left; 
    background-color: #444141; 
    border: 0px solid #4e4b4b; 

    /* Do rounding (native in Firefox and Safari) */ 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
} 

.myBox h2 { 
    color:#f57f20 

}

출처

2010-02-23 Chris

IE 사용자 정의 Mozilla 또는 웹킷 속성을 지원하지 않기 때문에.

의 옵션

은 CSS3 브라우저에 독립적 인 둥근 모서리 속성을 사용되었을 수 있지만 아직 널리 주요 브라우저에서 구현되지 않습니다. 따라서 브라우저 간 호환성 또는 자바 스크립트가 비활성화 된 상태로 작동하도록하려면 이미지를 고수해야합니다.

출처

2010-02-23 10:43:59

유일한 제안은 이미지 기반 모서리를 사용하는 것입니까? – Chris

예, 이미지 기반 또는 일부 자바 스크립트 트릭입니다. –

IE 나는 PNG 이미지를 사용하여 대체를 건의 할 것, CSS3는 둥근 모서리 지원하지 않습니다.

출처

2010-02-23 10:44:57

CSS3 속성 border-radius 만 사용하면됩니다. 물론, 아마 ... 다시 노년 질문에 간다 IE9, 때까지 작동하지 않습니다

Do web sites need to look exactly the same in every browser?

출처

2010-03-09 14:41:27

나는 네라고 말합니다! 나는 웹 사이트 아이디어를 좋아한다. 나는 웹 사이트가 모든 브라우저에서 똑같이 보일 것이라고 확신한다 ;-) – Chris

사실,이 사이트는 Chrome, IE7 및 IE8간에 매우 다르게 보입니다. 크롬 만 텍스트 아래에 그림자를 생성 할 수 있습니다. IE7은 약간 중심을 벗어나 스크롤 막대를 보여줍니다. 그러나 만약 당신이 오직 하나의 브라우저에서 그것을 본다면, 당신은 차이가 있다는 것을 알 수 없을 것입니다. 그래서 당신은 요점을 : –

당신은 IE6 +에서 곡선 모서리에 HTC 파일을 사용해야합니다. IE9에서 CSS3 선언이 작동합니다. htc 파일을 사용하여 모서리를 곡선 처리하는 방법은 여기 http://starikovs.com/2010/08/24/css3-rounded-corners/에서 찾을 수 있습니다.

출처

2010-08-24 09:42:32 starikovs

이것은 사실 JS/jQuery 또는 이미지를 사용하는 것보다 좋다. – Fr0zenFyr

IE, CSS/DIV에서 작동하지 않는 둥근 모서리

답변

관련 문제