Kompass wirft in Schrägstrich vor Bilder bei Sprites

Question

Ich benutze Compass, um Sprites zu erstellen. Die Sprites werden erstellt, aber die CSS-Ausgabe verweist auf den falschen Ort für das Bilderverzeichnis.

der Ausgang ist:

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

aber ich will es sein:

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

hier ist mein confib.rb Setup:

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

und hier ist, wie in Berufung Die Sprites in meiner Scss-Datei:

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

was mache ich falsch? Wie kann ich diesen ersten Schrägstrich vor Bildern entfernen?

danke für jede Hilfe.

Answer 1

Standardmäßig verwendet Compass absolute Pfade für alle Assets.

Um dieses Verhalten zu ändern, fügen Sie folgende Zeile zu config.rb:

relative_assets = true 

Andernfalls könnten Sie auch die ‚http_path‘ Option ändern, wo Ihre Projekt-Sites auf Ihrem Deployment-Server zu verweisen.