0

MVC 3 アプリケーションがあります。
divの1つで、背景画像を設定しました。

#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 の背景に設定されていないのはなぜですか?

4

3 に答える 3

2

ラッパーはクラスです。

CSS を ID である # として定義しました

編集:

あなたのコードが次のようでなければならないのは理にかなっています:

#wrapper {
   width: 960px;
   margin: 0px auto;
   background: url(../../Content/images/img01.jpg) no-repeat center top;
}
于 2012-05-08T15:06:12.760 に答える
1

CSS ファイルのコンテキストから、画像へのパスが有効であることを確認しましたか? CSS ファイルがビューと同じディレクトリにない場合、CSS ファイルの場所からの画像パスが有効でない可能性があります。

于 2012-05-08T15:05:29.747 に答える
0

このコードを変更

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

 background-image:url('/Content/images/img01.jpg') no-repeat center top; 
于 2012-05-08T15:08:20.183 に答える