asp.net-mvc - background-image のスタイル属性でルート相対 URL を解決する方法

Question

スタイルの背景画像の URL を画像の絶対パスに設定するにはどうすればよいですか

<div style="background-image:url('~/images/department/@Model.DepartmentImage'); width:128px; height:128px">
    <div>@Html.Raw(Model.ImageMap)</div>
</div>

Answer 1

外部スタイルシート内の別のクラスはよりクリーンです (そして、パスはスタイルシートに対して相対的になります)。

ただし、ビュー内で を使用Url.Content('~/images/department/" + Model.DepartmentImage )して、解決された完全なパスを返すことができます。

これは絶対 URL ( details ) ではないことに注意してください。ただし、例の構文に基づいて、ディレクトリ階層のどこに URL が出力されるかに関係なく、アプリケーション ルートに解決される URL を探しています。