如何在Mvc5中设置背景图像

时间:2018-04-20 04:55:56

标签: asp.net-mvc asp.net-mvc-5

我正在研究MVC5项目我想在Index.cshtml视图中设置背景图像。我尝试了以下方法:

hasNext

<body style="background-image: url(pexels-photo-955470.jpeg)">

这些解决方案无效 请注意,图像路径为CleaningShell \ CleaningShell.Web \ Views \ Home

2 个答案:

答案 0 :(得分:1)

要在视图中添加背景图像(Asp.net MVC中的.cshtml页面),您只需将其添加到&lt;身体&gt;标记为&#39; background-image&#39;属性。

我认为设置背景图片的最佳方法是使用css:

body {
background-image: url('your_img_path');
margin: 0;
}

答案 1 :(得分:0)

我希望找到答案,但没有人给我正确答案,所以对于那些寻找答案的人来说,

1_点击您的解决方案&gt;添加一个新文件夹并将其命名为Image。 2_转到解决方案路径并将所需图像复制到图像文件夹中。 3_back到您的解决方案&gt;右键单击图像文件夹&gt;选择添加现有文件夹,然后选择您在解决方案文件夹内的图像文件夹中复制的图像。

代码

background-image:url(../../ Images / pexels-photo-982047.jpeg)

此解决方案对我有用,您可以找到一种简单的方法。