선형 구배에 공급 업체 - 접두사를 추가하지 않는 Compass (SASS)

저는 Yeoman 용 AngularJS 생성기를 사용하여 AngularJS 프로젝트를 진행하고 있습니다.선형 구배에 공급 업체 - 접두사를 추가하지 않는 Compass (SASS)

나는 적절한 나침반 바우어 패키지를 찾지 못했기 때문에 나침반을 보석으로 설치했습니다.

다양한 컴파스 믹스 나는 잘 작동합니다. 선형 그라디언트를 기대한다.

SASS :

이

@import "compass"; 

.container { 
    width: 100%; 
    height: 100%; 
    border: .2em solid #fff; 
    @include border-radius(.5em); 
    @include background-image(linear-gradient(top, #000, #fff)); 
}

CSS : 당신이 볼 수 있듯이

.container { 
    width: 100%; 
    height: 100%; 
    border: .2em solid #fff; 
    -o-border-radius: 0.5em; 
    border-radius: 0.5em; 
    background-image: linear-gradient(top, #000000, #ffffff); 
}

는, 선형 구배가 단지 내 콘텐츠를 통해 패스 및 공급 업체 특정 접두사를 수정하지 보인다 어떤 업체 프리픽스도없이 통과하지만 (국경 반지름은 오페라를 얻고 있습니다) 따라서 Chrome에서는 작동하지 않습니다. 확인하고 재검사 한 결과 컴퍼스 문서에 설명되어 있습니다.

내가 뭘 잘못하고 있니?

bootstrap-sass-official#3.1.1+2 
compass (0.12.6, 0.12.4, 0.12.3) 
compass-core (1.0.0.alpha.19) 
compass-import-once (1.0.4) 
compass-normalize (1.5)

감사

출처

2014-05-11 Christopher Simpson