动态背景图片
Dynamic background-image
我想要多个 div
具有不同的背景 URL。
我的这段代码的内联剃刀似乎是错误的:
<table>
@foreach (var item in fa.get_albums()) {
<tr>
<td>
<div style="background-image:url('@item.picture');">
///something
</div>
</td>
</tr>
}
</table>
将内联剃须刀放入 background-imag:url()
的正确方法是什么?
您遇到的问题是 MVC 会愉快地修复 img src
属性中的相对路径,但不会修复 style
中的相对路径。您应该使用 Url.Content()
:
映射该虚拟路径
<div style="background-image:url('@Url.Content(item.picture)');">
我想要多个 div
具有不同的背景 URL。
我的这段代码的内联剃刀似乎是错误的:
<table>
@foreach (var item in fa.get_albums()) {
<tr>
<td>
<div style="background-image:url('@item.picture');">
///something
</div>
</td>
</tr>
}
</table>
将内联剃须刀放入 background-imag:url()
的正确方法是什么?
您遇到的问题是 MVC 会愉快地修复 img src
属性中的相对路径,但不会修复 style
中的相对路径。您应该使用 Url.Content()
:
<div style="background-image:url('@Url.Content(item.picture)');">