ASP.NET MVC 背景图片答案

【问题标题】：ASP.NET MVC background imageASP.NET MVC 背景图片
【发布时间】：2018-10-30 19:10:21
【问题描述】：

我是 ASP.NET MVC 的新手。我正在尝试制作一个像样的网站，但遇到了一个愚蠢的问题：我无法将背景设置为本地图像。

-在 Site.css 中，这行得通：

body {
padding-top: 50px;
padding-bottom: 20px;
background-image: url(http://wallpapercave.com/wp/zJj7EIt.jpg);
}

，但我不希望图像是 URL。

我尝试了以下方法：

第一名：

body {
padding-top: 50px;
padding-bottom: 20px;
background-image: 
url( C:\Users\alexh\Documents\GitHub\StupidASP.NET\StupidASP.NET\StupidASP.NET\Styles\Images\background.jpg)
}

第二个：

<body style="background-image: 
url( C:\Users\alexh\Documents\GitHub\StupidASP.NET\StupidASP.NET\StupidASP.NET\Styles\Images\background.jpg)">

第三个（已经过时了）：

<body background="C:\Users\alexh\Documents\GitHub\StupidASP.NET\StupidASP.NET\StupidASP.NET\Styles\Images\background.jpg">

我必须错过一些与资源有关的东西，而不是与属性有关的东西。您有任何解决方案或想法吗？或者解释一下 vs 做了什么。

【问题讨论】：

这与 ASP 无关，只是一个简单的 HTML/CSS 问题。您是否检查过浏览器控制台以查看它是否对此有什么要说的？ // 首先，您不应该尝试通过本地文件系统将内容嵌入到页面中，而应使用相对 URL。

标签： css image background

【解决方案1】：

这里的问题是它没有选择url()中提到的确切文件，所以只需尝试以下场景。

在您的项目文件夹中创建一个名为 Images 的文件夹，然后将所有图像复制到其中。

那么你的css应该是

background-image: url('Images/imageFile.png');

这个url 位置意味着从您的项目的root 中应该有一个名为Images 的文件夹，其中应该有提到的图像文件。

【讨论】：

【解决方案2】：

不要使用绝对路径。使用相对路径。

例如，如果您的 css 文件位于此处（从您网站的根目录）： /Styles/Site.css

那么你的 CSS 应该是：

body {
  padding-top: 50px;
  padding-bottom: 20px;
  background-image:url(Images/background.jpg)
}

所以，你是说你的 css 文件在哪里 (/Styles)，你的图像文件是这个 (/Styles/Images/[the-filename-for-your-image]) 的子目录。

另外，不要在图片路径中使用/ 而不是\

【讨论】：

【解决方案3】：

你的“二号”应该是下一行，至少这行对我来说是这样的：

<body style="background-image: url( ~/Images/background.jpg)"/>

【讨论】：