2

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

具体来说：

CSS 中的图像 URL 被重写。例如，文件 ~/styles/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;
}

并且 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;- 没有像 Cassette 那样重写。

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

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

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

有什么建议么？

4

1 回答 1

1

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

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

于 2012-04-12T07:46:18.323 回答