内容未加载？

Question

我有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的背景上没有设置此图像？

Answer 1

包装器是一个类。

您已将CSS定义为＃，这是一个ID

编辑：

因此，您的代码必须是：

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

Answer 2

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

Answer 3

更改此代码

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

与

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