2012-04-11 58 views
2

上下文: http://getcassette.net/documentation/stylesheets有時盒式不重寫背景圖像規則

具體做法是:在CSS

圖片URL被重寫。例如,文件 〜/風格/ main.css的,內容是:

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

轉化爲:

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

現在在我的例如特定的情況下,我的.less文件,我可能有這樣的規則:

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

And C assette應該改寫它並且瀏覽器實際上收到了這個規則:

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

而且圖像顯示正常。

在這種特殊情況下,使用同樣的想法,背景規則按錄像帶改寫,用戶接收我在.LESS文件手動輸入的規則的規則。

這裏是事實:

  • 工作和非工作規則都在同一個文件.LESS。
  • 該圖像在我的Visual Studio項目中正確地位於文件夾/Public/images中。
  • 使用Google Chrome網絡工具,我可以看到規則爲background: url("/Public/image/blue-rib.png") no-repeat; - 未被重寫,因爲它應該由Cassette進行重寫。

任何想法可能是什麼原因?

我試圖在web.config中更改爲debug = false,運行該應用程序並沒有任何工作。

嘗試切換回調試=真,仍然沒有骰子。

有什麼建議嗎?

+0

到底爲什麼這個標籤爲「C#」和「ASP.NET MVC 3」? – xbonez 2012-04-11 23:15:28

+0

我同意刪除C#標記,但不是MVC3標記。 – 2012-04-11 23:16:24

+0

您是否在/ _cassette診斷程序的啓動跟蹤中看到任何錯誤或通知? – 2012-04-12 20:28:52

回答

1

圖像是否存在於磁盤上?盒式磁帶跳過無法找到的圖像。

另外,切換到CSS的相對URL是否工作?

+0

是的,圖像確實存在於光盤上。你能解釋一下這是什麼意思嗎,'切換到CSS相對URL有效嗎?謝謝你的幫助! – 2012-04-12 12:57:48