在我的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 View的格式正确。
我想知道为什么它在IIS中托管时不接受任何格式。
有任何建议。
答案 0 :(得分:3)
不要提供此类网址
background-image: url(../Images/plain-blue-background-images-7117.jpg);
使用这个
background-image: url(/Images/plain-blue-background-images-7117.jpg);
如果它不起作用...然后尝试删除斜线/图像/到图像/
答案 1 :(得分:1)
将您的Images
文件夹移至Content
文件夹,并在CSS中使用此文件夹:
background-image: url(Images/login-box-backg.png) no-repeat left top;
您的文件夹结构应如下所示: