ASP.Net MVC：CSSファイルの剃刀変数の使用方法

Question

私のシナリオではこのパスを保存する必要があります/img/product.pngの画像をひらがな変数に入れて、後でCSSでその剃刀変数を使いたいファイル。 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> 

Answer 2

私が知る限り、CSSファイルでRazorコードを参照または書き込むことはできません。 CSSファイルはカミソリコードがサーバーで実行されると、あなたの問題のためにブラウザ

によってレンダリングされるよう、ブラウザによって処理されている、あなたはインラインスタイルデフォルトで

Answer 3

また、HTMLにこのような部分を行うことができますビュー自体に内部スタイルシートを使用して

<div class="test" style="background: url(..@Model.LogoUrl) no-repeat scroll 0 0 transparent;"> 
... 
</div>