ASP .NET Razor PNGイメージが表示されませんか？

私はASP .NETでRazorを初めて使っています。単純なPNG画像を表示しようとしています。ここで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」の項目を追加したが、それでも、私はイメージを見ません。どうして？

出典

2011-06-20 Mathias Lykkegaard Lorenzen

これは本当に面倒な問題のようには見えません。より多くのCSS。あなたは背景色を追加できますか：赤;このスタイルが読み込まれていることを確認するためにdivに渡します。 – frosty

は、イメージがルートプロジェクトフォルダにあると仮定し

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

を試してみてください。

また、ロードしようとしているパスと正しいパスを確認するために、Firebugを使用することもできます。

出典

2011-06-20 12:19:22 noinstance

ASP .NET Razor PNGイメージが表示されませんか？

答えて

関連する問題