css中的mvc图像未加载到应用程序虚拟目录中

Question

当我调试我的网站时，所有图片和js都没有运行。

现在我已将我的网站设置为IIS中的应用程序。

所以我的网址现在就像

http://localhost/mysite

我在我的视图中引用了我的css文件

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

在这个css文件中，我正在添加我的BG图像

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

但是图片无法加载，当路径应为http://localhost/Images/bg.png,

时，图片无法加载到路径为http://localhost/mysite/Images/bg.png的404

有什么想法吗？

Answer 1

在CSS中，网址是相对于CSS文件的位置的。

所以你可以简单地引用你的图像：

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