IE 용 컴퍼스 폴백

Question

현재 레일스 프로젝트에 나침반을 통합하려고합니다. 오래된 파이어 폭스 버전 (3.0.18)과 이전 버전의 IE (8)를 시도 할 때까지 모든 것이 잘 작동했습니다.

예를 들어, 내 헤더는 선형 구배가 있습니다

+background-image(linear-gradient(#8fcbef, #cee8ff)) 

을하고 그것을 잘 작동했다. 그러나 오래된 브라우저에는 자동 폴백이 없습니다. 배경색과 같은 것 : # 8fcbef ...

내가 뭔가를 잃어버린거야?

미리 감사드립니다.

Answer 1

몇 가지 옵션이 여기에 있습니다 :

• 자신 CSS3의 모든 단일 비트의 폴백 (fallback)을 지정하고, 그들이 CSS3는
• 이 bourbon를 사용해보십시오 해석되지 않을 때 읽기 전용인지 확인하기 위해 modernizr를 사용하여 시작 당신이 나침반을 고수 할 경우 CSS3에게

를 사용할 때 폴백 (fallback)을 제공한다 당신이 selectivel 수 있도록 앱으로 모더 나이저를 내장으로, 다음, html5-rails 시도해

// this rule is only applied if the browser is incapable of rendering css3-style gradients 
.no-cssgradients 
    #header 
    background-color: #8fcbef 

// this rule is applied when css3 gradients are interpreted 
#header  
    +background-image(linear-gradient(#8fcbef, #cee8ff))