如何在部署到虚拟服务器的.net mvc应用程序中加载css文件中定义的映像

Question

在我看来，我已经包含了css：

<link rel="stylesheet" type="text/css" href='<%=Url.Content("~/Content/login.css")%>'/>

在login.css中，我有

  
#center_left
{
    width:691px; 
    height:190px; 
    background:url(../../images/login_g09.gif); 
    float:left;
}

当我使用VS 2008运行应用程序时，这很好用。但是，当我将应用程序部署到虚拟服务器时。所有图像都消失了。我知道这是因为相对路径在虚拟服务器上无效。但我还没有找到一种方法来告诉服务器图像所在的位置。有任何想法吗？

Answer 1

您的图片网址（...）只需要相对于CSS文件本身。

E.g。如果您的CSS位于〜/ Content / login.css且图像位于〜/ Content / images / login_g09.gif），您可以这样做：

background: url(images/login_g09.gif);