ASP .NET Razor PNG изображение не отображается? - PullRequest
1 голос
/ 20 июня 2011

Я новичок в Razor в ASP .NET и пытаюсь показать простое изображение в формате 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» в папку «Изображения», перетаскивая его туда, но изображение все равно не вижу.Как получилось?

1 Ответ

2 голосов
/ 20 июня 2011

попробуй

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

при условии, что Изображения находятся в корневой папке проекта.

Также вы можете использовать firebug, чтобы увидеть путь, пытающийся быть загруженным, и если он правильный.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...