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