IE8의 둥근 모서리 설정 <hr> 태그가있는 CSS

IE8의 CSS 속성에 문제가 발생했습니다. Safari, Chrome, FF 및 IE9에서이 속성은 예상대로 작동합니다. 그러나 IE8에서는 그렇지 않습니다.IE8의 둥근 모서리 설정 <hr> 태그가있는 CSS

jQuery 코너 플러그인 구현과 관련하여 몇 가지 게시물과 의견을 읽었습니다.이 플러그인은 제한적으로 성공했습니다. 문제가 <hr>에 적용하려고했는지 확신 할 수 없습니다.

jQuery 코너 플러그인을 사용하지 않고도 CSS에서 둥근 모서리 효과를 얻을 수있는 방법이 있습니까?

enter image description here

내 마크 업 :

<span id="title_divider"><hr /></span>

내 CSS :

#title_divider { 
     position: absolute; 
     width: 49px; 
     left: 472px; 
     top: 64px; 
     padding-top: 10px; 
    } 
    #title_divider hr { 
     height: 10px; 
     background-color: #000000; 
     border: 1px solid black; 
     border-radius: 7px; 
     height: 5px; 
    }

출처

2012-09-07 crmpicco

,이 모두가 너무 많은 스크립트 오버 헤드를 만들 IE8을위한 둥근 모서리를 갖는 멋진 요소는 그만한 가치가 없다는 것입니다 (단지 성능이 떨어집니다) –

' 태그가 있어야합니까? 아니면 '스팬 (SPAN)'으로 교환 할 수 있습니까? 이것은 당신이 생각하는 것보다 "HR"처럼 보이기 쉽고 - 모든 주요 브라우저에서 둥근 모서리를 지원해야합니다. 'SPAN'을 사용할 수 있다면 알려주세요. 데모를 드리겠습니다. –

사용이 css3pie.com는 국경 반경을 지원하지 않는 모든 낮은 버전의 문제를 해결합니다.

출처

2012-09-07 16:36:49

예 있습니다.

css3pie here을 살펴보십시오.

당신이해야 할 모든

는 서버에있는 파일을 포함하며 다음과 같이 당신의 CSS에 가리 :

behavior: url(/PIE.htc);

난 그냥 그것을 할 것

출처

2012-09-07 16:37:17 Undefined

PIE는 페이지의 둥근 모서리마다 10ms의 오버 헤드를 추가합니다. –

@PavelPodlipensky OP를 도울 수있는 또 다른 질문에 대한 답변을 찾았습니다. http://stackoverflow.com/questions/8760044/css3-pie-rounded-corners-slow-down-ie9-even-though-it-supports- them-Natively – Undefined

@Sam 오버 헤드를 줄이기 위해 필요한 경우에만 해당 파일을 포함 할 수 있습니까? – crmpicco

IE8의 둥근 모서리 설정 <hr> 태그가있는 CSS

답변

관련 문제