2013-02-09 70 views
0

更新我的CSS之前後達到從我的CSS我的照片,我在Login.css如下:無法移動CSS文件到新的css文件夾

body 
{  
    background-image: url('./pictures/fond.png');  
    background-repeat: repeat-x; 
} 

這裏是我的結構:

enter image description here

現在我有下面的CSS:

body 
{  
    background-image: url('../pictures/fond.png');  
    background-repeat: repeat-x; 
} 

請注意在次雙點e網址。

這裏是我的新的結構:

enter image description here

我的問題:我的IIS測試服務器上發佈時,我看不到我的照片!?在本地開發機器上(VS2012),我可以看到我的照片。

但如果我更新我的IIS的測試服務器上的Login.css,並用一個點替換我的雙點它再次工作。這不是邏輯,因爲(我更新後)Login.css現在位於css文件夾下。

有什麼想法?

謝謝。

UPDATE ----------------

這裏是我refererence我的CSS的方式:

bundles.Add(new StyleBundle("~/Content/bundleLogin").Include(
      "~/Content/css/bootstrap.css", 
      "~/Content/css/Login.css")); 

我創建了一個包,然後:

@Styles.Render("~/Content/bundleLogin") 

回答

0

我敢打賭,你有硬編碼的路徑,在視圖中的CSS文件,像:

<link href="Content/css/Login.css" rel="stylesheet" type="text/css" /> 

,而不是做這件事當然是正確的waywhich是使用網址幫手:

<link href="@Url.Content("~/Content/css/Login.css")" rel="stylesheet" type="text/css" /> 

至於你的CSS文件而言,您引用存在(如圖像)的所有URL總是相對於CSS文件的當前位置。所以如果你正確地引用你的CSS文件,你將不會有任何問題。使用url('../pictures/fond.png');是正確的相對位置。


UPDATE:

哦,我明白了這個問題。你正在使用捆綁。那麼,捆綁軟件的問題在於,你聲明捆綁軟件的名稱的方式,你沒有與物理結構相同級別的文件夾嵌套。因此,修改您的包是這樣的:

bundles.Add(new StyleBundle("~/Content/css/bundleLogin").Include(
     "~/Content/css/bootstrap.css", 
     "~/Content/css/Login.css")); 

然後:

@Styles.Render("~/Content/css/bundleLogin") 
+0

請參閱我的問題我的更新來了解我如何引用我的CSS從我的觀點。謝謝。 – Bronzato 2013-02-09 13:30:47

+0

哦,現在我明白了。你正在使用捆綁。那就是問題所在。讓我更新我的答案。 – 2013-02-09 13:32:48

+0

非常感謝。 – Bronzato 2013-02-09 13:36:21