부트 스트랩 문제 Internet Explorer 8의 진행률 표시 줄

부트 스트랩 3.0.3 진행률 표시 줄의 렌더링에 문제가 있습니다. IE8입니다. 나는 border-radius가 작동하지 않고 나는 왜 그런지 모른다. 이 바 같은 모습입니다 : 내가 CSS3PIE 1.0을 사용하고부트 스트랩 문제 Internet Explorer 8의 진행률 표시 줄

enter image description here

.compatibilidad-IE은 CSS 파일에 정의되어 있으며 경로는 HTML 파일과 관련이 있습니다. 나는이 클래스가 동일한 HTML의 다른 DOM 요소에 적용되어 예상대로 렌더링 되었기 때문에이 클래스가 잘 작동하고 있음을 알고 있습니다.

이있는 스타일 클래스 정의 : 나는 당신이 날 도울 수 있기를 바랍니다

<div style="width:200px;"> 
    <div class="progress compatibilidad-IE" > 
     <div class="progress-bar compatibilidad-IE" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"> 
      <span class="sr-only">45% Complete</span> 
     </div> 
    </div> 
</div>

.compatibilidad-IE { 
    behavior: url(pie/PIE.htc); 
}

이 내 HTML입니다!

감사합니다.

출처

2014-01-09 Fernando Prieto

IE에서 'border-radius'가 작동하지 않습니다. PIE.htc가 올바른 위치에 있다고 확신합니까? –

물론입니다! 나는 같은 HTML에서'border-radius'와'linear-gradient'가 정확하게 적용될 때''과'

개발자 도구를 사용하여 진행률 막대를 검사 할 때 .progress 또는 .compatibilidad-IE 전에 오는 다른 클래스 (또는 요소)는 무엇입니까? – Nathan

-1

웹 페이지의 루트에 PIE.htc를 넣으십시오.

사용이 코드 :

.compatibilidad-IE { 
    position: relative; 
    zoom: 1; 
    behavior: url(/PIE.htc); 
}

또는 당신이 당신의 js 폴더 사용 PIE.htc이있는 경우 : 당신이 절대 경로를 필요로하기 때문에

behavior: url(/js/PIE.htc);

이입니다.

출처

2014-03-25 15:48:37 jvloendersloot

부트 스트랩 문제 Internet Explorer 8의 진행률 표시 줄

답변

관련 문제