ASP.NET MVC 背景图片

问题描述 投票：0回答：3

我是 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 的作用。

css image background
3个回答
1
投票

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

例如，如果您的 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]
）。

此外，不要在图像路径中使用 

/
而不是 
\

1
投票

这里的问题是它没有选择

url()
中提到的确切文件，所以只需尝试下面的场景。

在项目文件夹中创建一个名为 

Images
的文件夹，然后将所有图像复制到其中。

那么你的CSS应该是

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

这个 

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

0
投票

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

<body style="background-image: url( ~/Images/background.jpg)"/>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.