2017-06-04 199 views
-1

我正在尝试使用@ url.content并将其作为background-img存储在div中。在cshtml文件中使用@ url.content

现在我把它保存,因为这其中的工作原理:

<img src="@Url.Content(Model.Dto.imageUrl"> 

但是,我想将它保存为背景,IMG

这是我曾尝试和没有什么作品

<div style="background-image: @Url.Content(Model.Dto.imageUrl" class="image-wrapper"></div> 

是否有某种语法错误?

感谢

+0

你是什么意思响应?你可以给你的'img'标记一个css类或者给它和id,然后在样式表中写入css。 – CodingYoshi

+0

试图将这些属性应用于图像 background-image:url(../../ img.jpg); background-size:cover; background-position:center center; background-repeat:no-repeat; 身高:100%; 宽度:100%; – Anon187

回答

0

这里是使用url.content为背景图像

语法语法:

background-image: url('@Url.Content("~/images/foo.png")') 

略作修改,按您的代码:

<div style="background-image: url('@Url.Content(Model.Dto.imageUrl)') " class="image-wrapper"></div> 

没有测试,但希望它能为你工作。

谢谢 Karthik