Modernizr을 사용하여 IE8에서 테두리 반경을 작동시키는 방법은 무엇입니까?

Question

IE8에서 둥근 모서리를 얻는 방법에 대한 기사가 많이 있습니다. 제 질문은 Modernizr을 사용하여 CSS3/HTML5 기능을 지원하는 방법입니다. IE8에서 둥근 모서리를 보여주는 예를 들어

, 내가 사용하고 CSS-3 난 여전히 IE8에 둥근 모서리를 볼 수 없습니다 수 내 페이지에 모더 나이저를 포함하지만, 한

-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
border-radius: 20px; 

속성입니다.

Answer 1

Modernizr은 기능을 사용하지 않으며, 사용 가능한지 테스트합니다. 나는 모더 나이저 기능 신경 쓰지 것, IE8에서 둥근 모서리

.myElement { 
    -webkit-border-radius: 20px; /* No need for this */ 
    -moz-border-radius: 20px; /* No need for this */ 
    border-radius: 20px; 
} 

: CSS를 들어, 그것은 또한 당신이 단순히 대신 표준 속성을 사용할 수 있도록 같은 -moz-* 및 -webkit-* 같은 공급 업체의 특정 속성을 사용할 필요를 제거 할 수 있습니다 탐지를 사용하려면 단순히 CSS PIE을 사용하십시오.

작동 방법에 대해서는 the docs을 반드시 읽으십시오. http://caniuse.com/#search=border-radius가 (모두 "표시를 클릭 : 보조 노트로

, border-radius 표준 모질라와 웹킷 브라우저에서 꽤 오랫동안 지금 지원하고있다, 당신은 당신이 실제로 그 접두사를 필요로하는 어떤 브라우저를 표적으로하고 있는지 확인 할 수 있습니다 버전 ")