2017-06-04 47 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