如何在视图中的 Mvc5 中设置背景图像答案

【问题标题】：How to set Background Image in Mvc5 in View如何在视图中的 Mvc5 中设置背景图像
【发布时间】：2018-04-20 23:11:33
【问题描述】：

我正在处理 MVC5 项目，我想在 Index.cshtml 视图中设置背景图像。我尝试了以下方法：

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

和

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

</body>

这些解决方案不起作用注意图片路径是 CleaningShell\CleaningShell.Web\Views\Home

【问题讨论】：

尝试使用@Url.Content 与目标图像的虚拟路径类似：<body style="background-image: url('@Url.Content("~/Views/Home/pexels-photo-955470.jpeg")')">，或使用 CSS 类而不是使用 style 属性。

【解决方案1】：

要在视图中添加背景图像（Asp.net MVC 中的 .cshtml 页面），您只需将其添加到

标记中作为 'background-image' 属性。

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

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

【讨论】：

【解决方案2】：

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

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

在你的代码中

背景图像：网址（../../Images/pexels-photo-982047.jpeg）

此解决方案适用于我，您可能会找到一种简单的方法。

【讨论】：