2013-04-02 97 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