css - 内容未加载？

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 页面显示此图像正确。

为什么此图像未设置在 div 的背景上？

score 2 · Accepted Answer

包装器是一个类。

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

编辑：

这样才有意义，您的代码必须是：

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

更改此代码

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

和

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

3 回答 3