css - 有时 Cassette 不会重写背景图像规则

Question

上下文: http://getcassette.net/documentation/stylesheets

具体来说:

Image URLs in the CSS are rewritten. For example, a file ~/styles/main.css, with the content:

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

is transformed into:

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

---

现在在我的特殊情况下，例如，在我的 .less 文件中，我可能有这样的规则:

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

并且 Cassette 应该重写它并且浏览器实际收到此规则:

.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; - 未按应有的方式重写通过磁带。

关于这可能是什么原因的任何想法？

我尝试在 web.config 中更改为 debug=false，运行应用程序但没有任何效果。

尝试切换回 debug=true 但仍然没有骰子。

有什么建议吗？

Answer 1

图像是否存在于磁盘上？磁带会跳过找不到的图像。

此外，切换到 CSS 相对 URL 是否有效？