컴퍼스 스프라이트가 올바른 이미지에 연결되지 않는 이유는 무엇입니까?

Question

내 웹 사이트에서 CSS 스프라이트를 사용하려고하는데 Compass를 사용하기 전에 이미지 링크가 오늘 내 사진에 대해 약간 벗어났습니다.

나는 style.scss에 있다는 점에서 다음에있는 index.html 파일, 스타일/폴더하는있는 style.css 파일과 말대꾸 폴더와 프로젝트 루트가 있습니다. 스타일이 루트에서 폴더 내에

내 config.rb 파일은 다음과 같습니다

http_path = "/" 
css_dir = "" 
sass_dir = "sass" 
javascripts_dir = "javascripts" 
images_dir = "../images" 
output_style = :compressed 

내가 가진 이미지를 표시하기 위해 노력하고있어 : 또한

a { 
    @include twitter-sprite(twitter-icon); 
    display: block; 
    height: 27px; 
    margin: auto; 
    width: 31px; 

    &:hover { 
     @include twitter-sprite(twitter-icon-hover); 
    } 
} 

I 상단에 @import "compass";이 있습니다.

나는 나의 HTML이 있습니다 <a href="http://twitter.com/syllableapp"></a>

그리고 나는 기본적으로 그냥 배경을 설정합니다.

하지만 웹 페이지에 이미지를 보려고 할 때마다, 그것은 표시되지 않지만 상자 여전히 클릭 할 수 있습니다. 검사 할 때 주소가 /../images/whatever이라고합니다. the full http path to images on the web server에

Answer 1

설정 http_images_path. 귀하의 경우에는

는 나침반 = http_path + images_dir = /../images/http_images_path을 추론한다.

설정 relative_assets = true도이를 해결할 수 있습니다.