我是ASP .NET中的Razor新手,我试图显示一个简单的PNG图像。
这是我的模板:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Scavenius - @Page.Title</title>
<link href="@Href("~/Styles/Site.css")" rel="stylesheet" />
<link href="@Href("~/favicon.ico")" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<div id="background">
</div>
<div id="page">
<div id="main">
<div id="content">
<h1>@Page.Title</h1>
@RenderBody()
</div>
<div id="footer">
© @DateTime.Now.Year - Flamefusion Entertainment
</div>
</div>
</div>
</body>
</html>
这是我的CSS:
body div#background
{
background-image:url(/Images/Background.png);
background-repeat:no-repeat;
width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
}
我已将“Background.png”项目添加到Images文件夹中,方法是拖动它,但仍然没有看到图像。怎么样?
答案 0 :(得分:2)
尝试
background-image:url('../Images/Background.png');
假设Images位于根项目文件夹中。
此外,您可以使用firebug查看尝试加载的路径以及是否正确。