2013-04-02 94 views
4

在我的MVC應用程序中MVC4 CSS,我refered一個CSS文件來渲染頁面的背景圖像。 我試圖與所有類型的可能性,如背景圖片「無法加載網址」,從部署在IIS 7.5

background: url(../Images/login-box-backg.png) no-repeat left top; 
background: url(../../Images/login-box-backg.png) no-repeat left top; 
background: url(~/Images/login-box-backg.png) no-repeat left top; 
background: url(./Images/login-box-backg.png) no-repeat left top; works only in Firefox 
background: url(/Images/login-box-backg.png) no-repeat left top; 

background-image: url(/Images/login-box-backg.png) no-repeat left top; 
background-image: url(../Images/login-box-backg.png) no-repeat left top; 
background-image: url(../../Images/login-box-backg.png) no-repeat left top; 
background-image: url(~/Images/login-box-backg.png) no-repeat left top; 
background-image: url(./Images/login-box-backg.png) no-repeat left top; 


,但它顯示無法加載指定的URL和網絡錯誤404 Firefox和IE9。
CSS文件 * 登錄-box.css *

#login-box { 
    width:333px; 
    height: 352px; 
    padding: 58px 76px 0 76px; 
    color: #ebebeb; 
    font: 12px Arial, Helvetica, sans-serif; 
    background: url(../Images/login-box-backg.png) no-repeat left top; 
} 
.reg_body 
     { 
      background-image: url(../Images/plain-blue-background-images-7117.jpg); 
     } 

在我看來,樣式的引用作爲

<link href="@Url.Content("~/CSS/login-box.css")" rel="stylesheet" type="text/css" /> 

哪個渲染背景圖片從CSS文件到MVC格式正確視圖。
我想知道爲什麼在IIS中託管時它不接受任何格式。
有任何建議。

+2

假設圖像是有效的圖像,那麼這與你的文件夾結構有關。你可以發佈你的文件夾結構嗎? Like是與CSS相同級別的Images文件夾? –

+0

聽起來像它應該工作!......難道說你使用的是首都「I」(圖像文件夾)? – Mackelito

+0

爲什麼你有這麼多的參考。到相同的圖像..?嘗試使用「background:url(../ Images/login-box-backg.png)no-repeat left top;」一次..它應該適用於所有瀏覽器 – Mackelito

回答

3

不給此類URL

background-image: url(../Images/plain-blue-background-images-7117.jpg); 

使用這一個

background-image: url(/Images/plain-blue-background-images-7117.jpg); 

如果不行......然後試圖刪除斜槓/圖片/圖片到/

1

移動您Images文件夾複製到Content文件夾,然後在你的CSS使用:

background-image: url(Images/login-box-backg.png) no-repeat left top; 

你的文件夾結構應該是這樣的:

  • 內容
    - 圖片
    ----登錄框,backg.png
    - 的site.css