ASP .NET Razor PNG 图像未显示？答案

【问题标题】：ASP .NET Razor PNG image not showing up?ASP .NET Razor PNG 图像未显示？
【发布时间】：2011-06-20 12:14:14
【问题描述】：

我是 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">
                    &copy; @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”项目拖动到图像文件夹中，但仍然看不到图像。怎么会？

【问题讨论】：

这看起来并不像剃刀问题。更多的CSS。你可以添加背景颜色：红色；到 div 以确保正在读取此样式。

标签： asp.net razor

【解决方案1】：

试试

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

假设 Images 在根项目文件夹中。

您还可以使用 firebug 查看尝试加载的路径以及是否正确。

【讨论】：