css中的mvc圖像無法在應用程序虛擬目錄中加載

當我調試我的網站時，所有圖像和js都沒有問題地運行。css中的mvc圖像無法在應用程序虛擬目錄中加載

現在我已經設置我的網站作爲應用程序在IIS中。

所以我的網址，現在就像是

http://localhost/mysite

我引用我的CSS文件在我看來，這樣

<link href="<%: Url.Content("~/Css/Default.css") %>" rel="stylesheet" type="text/css" />

並在此css文件，我將我的背景圖片這樣

body 
{ 
    background: url("/Images/bg.png"); 
    font-family: 'Oswald' , sans-serif; 
    padding: 0; 
    margin: 0; 
    vertical-align: middle; 
    font-size: 12px; 
}

但圖像沒有加載它去一個404路徑爲http://localhost/Images/bg.png,當路徑肩d是http://localhost/mysite/Images/bg.png

任何想法？

來源

2014-01-30 StevieB

刪除第一個斜線，從'背景：網址（「/圖片/ bg.png」）;' –

，如果你嘗試'背景是什麼： url（「Images/bg.png」）;'？ – Shyju

這不起作用......但這確實背景：url（「../ Images/bg.png」）; – StevieB

在CSS中，url是相對於CSS文件的位置。

所以，你可以簡單地引用你的形象是這樣的：

background: url("../Images/bg.png");

來源

2014-02-06 07:14:24

css中的mvc圖像無法在應用程序虛擬目錄中加載

回答

相關問題