SCSS 파일의 Rails 3.1 자산 URL이 자산을 올바르게 참조하지 않는 것 같습니다.

Question

방금 ​​레일스 3.0을 Rails 3.1로 업그레이드했습니다.

.foo { 
    background-image: image-url('foo.png'); 
} 

문제는 내 foo.png 파일이로드되지 않고 내 로그에 404 오류를 볼 수 있다는 것입니다 :

나는 다음과 같이 이미지 ( /app/assets/images/foo.png)을 참조하는 foo.css.scss 파일이 있습니다. 생성 된 실제 CSS 항목은 다음과 같습니다 (?) 이미지가 /images/foo.png에서 /assets/foo.png에서 발견되지 않을 수 있기 때문에 잘못

background-image: url(/images/foo.png); 

.

아직 development 모드로 작업 중입니다.

또 다른 중요한 메모. 내가 foo.css.erb 및 사용에 내 foo.css.scss 파일의 이름을 변경하는 경우 :

background-image: url(<%= image_path('foo.png') %>); 

을가 /assets/foo.png를 생성하기 때문에 그것은 확인을 작동합니다.

내 scss 프리 컴파일러가 올바른 css을 생성하지 않는 이유는 무엇입니까?

업데이트 : 내 foo.css.scss 파일이있는 :

app/assets/stylesheets/sub_dir/foo.css.scss 

합니까 어떤 차이를 만들인가?

Answer 1

을 시도합니다.

.foo { 
    background-image: url('foo.png') 
} 

자동으로 SCSS 컴파일러에 의해 url('/assets/foo.png')로 변환하는 : 가장 우아한 한 다음이었다. 더 중요한

Answer 2

당신은 시도 할 수 있습니다 :

.foo { 
    background: url("/assets/foo.png") 
} 

가 잘 작동합니다. 희망은 도움이 :)

Answer 3

나는 다양한 솔루션을 시도

.classname{ 
    background: url(asset_path('/assets/image.png')) 
} 

Answer 4

.foo { 
    background-image: asset-url('sub_dir/foo.png', asset); 
}