ASP .NET剃刀PNG圖像沒有顯示？

我是ASP.net中Razor的新手，我試圖展示一個簡單的PNG圖像。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」項目到圖片文件夾，但仍然，我沒有看到圖像。怎麼來的？

來源

2011-06-20 Mathias Lykkegaard Lorenzen

這看起來並不像剃鬚刀的問題。更多CSS。你可以添加背景顏色：紅色;到div來確保這種風格正在被閱讀。 – frosty

嘗試

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

假設圖像是根項目文件夾。

此外，你可以使用螢火蟲看到試圖加載的路徑，如果它是正確的。

來源

2011-06-20 12:19:22 noinstance

ASP .NET剃刀PNG圖像沒有顯示？

回答

相關問題