스프라이트를 만들 때 컴퍼스가 이미지 앞에 슬래시를내어 넣습니다.

Question

나침반을 사용하여 나침반을 만듭니다. 스프라이트가 생성되고 있지만 CSS 출력은 이미지 디렉토리의 잘못된 위치를 가리 킵니다.

.menu-sprite, .menu-about, .menu-art, .menu-drum, .menu-links, 
.menu-music, .menu-science, .menu-writing { 
    background: url('/images/menu-sb7e36b009c.png') no-repeat; 
} 

하지만 난이 원하는 :

출력이 여기

.menu-sprite, .menu-about, .menu-art, .menu-drum, .menu-links, 
.menu-music, .menu-science, .menu-writing { 
    background: url('images/menu-sb7e36b009c.png') no-repeat; 
} 

내 confib.rb 설정입니다 : 여기

http_path = "/" 
css_dir = "." 
sass_dir = "sass" 
images_dir = "images" 
javascripts_dir = "js" 

및 방법 메신저 호출 내 scss 파일의 스프라이트 :

@import "compass/utilities/sprites/base"; 
@import "menu/*.png"; 
@include all-menu-sprites; 

무엇이 잘못 되었나요? 이미지 앞에있는 첫 번째 슬래시는 어떻게 제거 할 수 있습니까?

도움을 주셔서 감사합니다.

Answer 1

기본적으로 나침반은 모든 자산에 대해 절대 경로를 사용합니다.

는이 동작을 변경하여 config.rb에 다음 행을 추가합니다

relative_assets = true 

그렇지 않으면, 당신은 또한 당신의 배포 서버에 어디 프로젝트 사이트를 가리 키도록 'http_path'옵션을 변경할 수 있습니다.