2012-04-11 4 views
2

Kontext: http://getcassette.net/documentation/stylesheetsManchmal Cassette umschreiben keinen Hintergrund-Bildregel

Im Einzelnen:

Bild-URLs in der CSS neu geschrieben werden. Zum Beispiel kann eine Datei ~/styles/main.css, mit dem Inhalt:

body { background-image: url(img/bg.jpg); } 

verwandelt sich in:

body { background-image: url(/_assets/images/styles/img/bg_25cb72e61bd5ag2_jpg); 

Jetzt in meinem Fall zum Beispiel, in meine .Weniger Datei, könnte ich eine Regel wie folgt aussehen:

.ribbon { 
    background: url("/Public/image/blue-rib.png") no-repeat; 
} 

und C Assette soll es neu schreiben und der Browser erhält tatsächlich diese Regel:

.ribbon {  
    background: url("/_cassette/file/Public/images/blue-rib_81ab1e7f2fdb27c91a9e9b41eed420390e21f7e0.png") no-repeat; 
} 

Und das Bild zeigt fein an.

In diesem speziellen Fall, mit der gleichen Idee, die Hintergrundregel ist nicht von Kassette umgeschrieben und die Benutzer erhält die Regel, die ich manuell in der .less-Datei eingegeben.

Hier sind die Fakten:

  • Die Arbeits- und Nicht-Arbeitsvorschriften sind beide in der gleichen .Weniger Datei. Das Bild ist in meinem Visual Studio-Projekt in einem Ordner /Public/images korrekt.
  • Mit dem Google Chrome Web-Tool kann ich sehen, die Regel ist background: url("/Public/image/blue-rib.png") no-repeat; - nicht neu geschrieben, wie es von Kassette sein sollte.

Irgendwelche Ideen, was könnte die Ursache dafür sein?

Ich habe versucht, zu debuggen = false in web.config, die App ausgeführt und nichts funktioniert.

Versuchte Wechsel zurück zu debug = wahr und immer noch keine Würfel.

Irgendwelche Vorschläge?

+0

Genau, warum ist dies markiert 'C#' und 'ASP.NET MVC 3'? – xbonez

+0

Ich stimme der Entfernung des C# -Tags, nicht aber des MVC3-Tags zu. –

+0

Sehen Sie irgendwelche Fehler oder Benachrichtigungen in der Startverfolgung von/_cassette diagnostics? –

Antwort

1

Sind die Bilder auf der Festplatte vorhanden? Die Kassette überspringt Bilder, die nicht gefunden werden können.

Funktioniert das Wechseln zu CSS-relativen URLs?

+0

Ja, das Bild existiert auf der Disc. Kannst du erklären, was das bedeutet, "funktioniert der Wechsel zu CSS-relativen URLs?"? Danke für Ihre Hilfe! –