나침반을 사용하여 이미지를로드하지 못했습니다.

현재 Django 프레임 워크로 웹 사이트를 만들고 있습니다. 그러나 SASS를 사용하여 이미지를로드하는 데 문제가 발생했습니다. 내 코드는 여기에있다. (이하는 SCS 코드 부분입니다)나침반을 사용하여 이미지를로드하지 못했습니다.

@import "compass/css3/images"; 
body { 
     #site-footer{ 

     @include background-image(url('/static/main/images/continue.png'), 
            linear-gradient(left, $left-color, $left- 
            color 49%, $right-color 51%, $right-color)); 


    } 
}

내가 나침반에서 'backgorund에 이미지'를 사용합니다.
문제는 이미지를 웹 페이지에로드 할 수 없다는 것입니다. 나는 어딘가에 이미지 경로를 설정할 필요가있을 것이라고 생각한다.

출처

2013-04-24 PrimingRyan

코드는 제대로 컴파일 않습니다

body #site-footer { 
    background-image: url("/static/main/images/continue.png"), -webkit-linear-gradient(left, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff); 
    background-image: url("/static/main/images/continue.png"), -moz-linear-gradient(left, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff); 
    background-image: url("/static/main/images/continue.png"), -o-linear-gradient(left, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff); 
    background-image: url("/static/main/images/continue.png"), linear-gradient(to right, #ff0000, #ff0000 49%, #0000ff 51%, #0000ff); 
}

문제는 당신이 잘못된 경로를 제공하는 수 있습니다.

이미지를 사용할 수 있는지 여부를 수동으로 확인하시기 바랍니다 :

http://example.com/static/main/images/continue.png

출처

2013-04-24 12:40:20

내 드라이브에서 이미지로로드하고 싶습니다. 이것은 d :/mysite/static/main/images와 같은 것이고 http : // localhost/static/~이 아닙니다. 내 현재 상황은 http://127.0.0.1:8000/static/main/images ~에서로드됩니다. – PrimingRyan

문제는 포트 8000에서 프로젝트를 제공하는 웹 서버 소프트웨어가 있다는 것입니다. 따라서 문제는 CSS, SASS 또는 Compass의 문제가 아닙니다. 웹 서버와 응용 프로그램의 작동 방식과 정적 컨텐츠를 제공하는 방법을 이해해야합니다. 사용중인 모든 프레임 워크의 문서를 참조하십시오. 추신 : 대답을 수락하는 것을 잊지 마십시오. –

이 될 수 인해 relative_assets는 config.rb false로 설정된다. true로 변경해보십시오.

출처

2013-04-24 13:28:00

이 바로 config.rb에 있습니까? => relative_assets = True – PrimingRyan

예. 선의 주석을 제거하면됩니다. –

나침반을 사용하여 이미지를로드하지 못했습니다.

답변

관련 문제