在IIS 7.5中部署的MVC4中，CSS中的“無法加載URL”

Question

在我的MVC應用程序中，我引用了一個CSS文件來呈現頁面的背景圖像。 我嘗試過所有類型的可能性，例如

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; 

但它顯示無法在Firefox和IE9中加載給定的URL和網絡錯誤404。
CSS文件 * login-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中托管時不接受任何格式。
有什么建議。

Answer 1

不要提供這種類型的URL

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

用這個

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

如果它不起作用...然后嘗試刪除斜杠/圖像/到圖像/

Answer 2

將Images文件夾移動到Content文件夾，並在CSS中使用它：

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

您的文件夾結構應如下所示：

• 內容
  - 圖片
  ---- login-box-backg.png
  - Site.css