IE8 + pie.htc : html5shiv.js를 추가하면 둥근 모서리가 다시 흐릿합니다.

Question

OK, 모든 브라우저에서 IE8보다 정상적으로 작동합니다. IE8의 둥근 모서리 문제를 해결하기 위해 pie.htc를 연결했습니다. 모든 것이 잘 작동합니다. 다음 IE8에 대한 html5에 몇 가지 문제점을 발견했습니다. 그래서 html5shiv.js를 사용했습니다. 이제 모든 것이 잘되었지만 둥근 모서리가 다시 제곱이되었습니다. 그것은 단지 하나의 div 내에서 발생했습니다.

나머지 모든 둥근 모서리는 여전히 pie.htc + html5shiv.js와 함께 IE8에서 잘 보입니다. 나는 html5shiv.js가 깨지지 않았 음을 의미한다. 내가 그 모서리 문제를 해결하기 위해 노력했습니다 무엇

,하지만 운 : 나는 CSS를로드하기 전에

<!--[if lt IE 9]> 
<script src="path/to/html5shiv.js"></script> 
<![endif]--> 

을 움직였다. 또한, 내가 넣어! 중요한 것은 단지 입니다. 수퍼 클래스 { 동작 : url (/PIE.htc); 위치 : 상대적입니다! 중요; } IE8 둥근 모서리를 해당 수퍼 클래스에 맞게 수정하는 데 사용되었습니다.

z-index: 1; 
    *position:relative!important; 
    *z-index: 1; 

을하지만 아무것도 할 수 없습니다 :

또한, 나는 다음과 같습니다 3 문자열 대부분의 조합을 사용하여 추가했습니다. 그 밖의 무엇을 할 수 있습니까? 제거하면

<!--[if lt IE 9]> 
<script src="path/to/html5shiv.js"></script> 
<![endif]--> 

모서리가 다시 반올림됩니다. 아이디어가 있으십니까? 감사합니다.

Answer 1

를 사용하여 조건부 주석과 HTML/CSS solution가 둥근 모서리를 만들 :

<div class="container"> 
    <b class="rtop"> 
     <b class="r1"></b> 
     <b class="r2"></b> 
     <b class="r3"></b> 
     <b class="r4"></b> 
    </b> 
    CONTENTS GOES HERE 
    <b class="rbottom"> 
    <b class="r4"></b> 
    <b class="r3"></b> 
    <b class="r2"></b> 
    <b class="r1"></b> 
    </b> 
</div> 

참조를!

• Rounded Corners Using CSS and No Images
• Chunky Borders