内容未加载?

时间:2012-05-08 15:01:35

标签: css asp.net-mvc-3 razor background-image

我有MVC 3应用程序。
在其中一个div中我设置了背景图像。

#wrapper {
width: 960px;
margin: 0px auto;
background: url(../../Content/images/img01.jpg) no-repeat center top;
}

在_Layout.cshtml中我写这个:

<div class="wrapper">
  <!-- Some Items -->
</div>

但是没有显示图像。如果我写这个:

<img src="../../Content/images/img01.jpg"/>

Html-page显示此图片正确。

为什么在div的背景上没有设置此图像?

3 个答案:

答案 0 :(得分:2)

包装器是一个类。

您已将CSS定义为#,这是一个ID

编辑:

因此,您的代码必须是:

#wrapper {
   width: 960px;
   margin: 0px auto;
   background: url(../../Content/images/img01.jpg) no-repeat center top;
}

答案 1 :(得分:1)

您是否已确认图像路径在CSS文件的上下文中有效?如果CSS文件与视图不在同一目录中,则图像路径可能无法从CSS文件的位置生效。

答案 2 :(得分:0)

更改此代码

background: url(../../Content/images/img01.jpg) no-repeat center top;

 background-image:url('/Content/images/img01.jpg') no-repeat center top;