ASP.Net MVC：如何在 CSS 文件中使用 razor 变量

Question

根据我的情况，我需要将此图像的路径/img/product.png存储在 razor 变量中，然后我想在 CSS 文件中使用该 razor 变量。下面的css代码在css文件中

.test{
    background: url('/img/product.png') no-repeat scroll 0 0 transparent;
}

所以我使用下面这样的代码，但仍然没有运气

.test{
    background: url('@Model.LogoUrl') no-repeat scroll 0 0 transparent;
}

我看到这个帖子http://www.codeproject.com/Articles/171695/Dynamic-CSS-using-Razor-Engine 但我不想按照帖子解决我的问题。所以让我知道如何解决这个问题。谢谢

Answer 1

默认情况下，MVC 不支持在外部 CSS 文件和外部 Javascript 文件中编写服务器端代码。

对于您的案例，您可以在视图文件本身中添加一个内部样式表，它会起作用。

例如：

@{
    ViewBag.Title = "Title";
}
<style>
    .test {
        background: url('@Model.LogoUrl') no-repeat scroll 0 0 transparent;
    }  
</style>