动态背景图片答案

【问题标题】：Dynamic background-image动态背景图片
【发布时间】：2015-10-04 08:13:53
【问题描述】：

我想拥有多个具有不同背景 URL 的 div。我对这段代码的内联剃须刀似乎是错误的：

<table>
@foreach (var item in fa.get_albums()) {
<tr>
    <td>
        <div style="background-image:url('@item.picture');">
            ///something
        </div>        
    </td>          
</tr>
}
</table>

将 inline razor 放入 background-imag:url() 的正确方法是什么？

【问题讨论】：

这在什么方面不适合您？
亲爱的@DavidG 感谢您的帮助。 visual studio 在代码下画了一条绿线
似乎这样做是错误的方法
你试过运行它吗？
@DavidG 是的，什么都没有出现。如果我删除（@item.picture）背景图像的css属性变为蓝色，否则它只是纯文本

标签： css asp.net-mvc razor background-image

【解决方案1】：

您遇到的问题是 MVC 会很高兴地修复 img src 属性内的相对路径，但不适用于 style。您应该使用Url.Content() 映射该虚拟路径：

<div style="background-image:url('@Url.Content(item.picture)');">

【讨论】：