레일 3.1 : CSS에서 지문 이미지에 액세스

CSS에서 프로덕션에서 지문을 사용하여 이미지에 액세스하는 우아한 방법이 있습니까?레일 3.1 : CSS에서 지문 이미지에 액세스

나는 erb를 CSS로 사용할 수 있지만 erb와 함께 URL을 추가하는 것은보기 싫어 보이며 자동으로 처리되어야한다고 생각합니다. 게다가 나는 벤더 스타일 시트를 바꾸고 싶지 않다.

감사합니다.

2011-08-14 welldan97

sass-rails는 image-path라는 도우미를 추가했습니다. 이처럼 사용할 수 있습니다

#image { 배경 : 이미지 경로 ("rails.png") 을}

이 정상 CSS 파일에 대해 작동하지 않습니다,하지만하는 SCS의 상위 집합이기 때문에 CSS를 사용하면 확장자를 .scss로 변경할 수 있어야하며 모든 것이 좋습니다.

2011-08-15 01:49:40 dpb

말대꾸 레일에 대한 추가 정보는이 새로운 도우미에 대한 추가 정보가 있습니다. https://github.com/rails/sass-rails – dpb

감사합니다. 그것은 내 문제의 절반을 해결합니다. 여전히 공급 업체 스타일 및 js 파일로 수행 할 작업을 모릅니다. – welldan97

이것은 나를 위해,하지만 절대 상대 경로를 사용하는 경우에만 작동합니다. (그리고 두 경우 모두'/ assets'을 생략하는 것을 기억하십시오.) 렌더 된 이미지 (예 : 부트 스트랩 글리프 아이콘)의 경우'public/img'를 사용합니다 –

나는 이미지 URL을는이 디바이스에 나를 위해 작동이 문제

.btn_back:hover {background-image: image-url('btn_back_push.png');}

를 해결한다고 생각합니다. 모드뿐만 아니라 결과로 프리 컴파일 된 자산을 사용하는 프로덕션에서도 마찬가지입니다.

dev. 모드 :

.btn_nav:hover { 
    background-image: url("btn_nav_push.png"); 
}

생산 :

.btn_nav:hover{background-image:url(/assets/btn_nav_push-094b577d7e9e1cc6d5aced334f3fe8b3.png)}.

2011-08-26 22:30:22

답변