-3

こんにちは、css ファイルに背景画像を追加しようとしています Visual Basic 2010 ASP.Net MVC で私のコードは次のとおりです。

#page-container {
    width: 100%;
    height:100%;
    margin: auto;
    background-image:url ('../Content/homepage.jpg');
    background:cover;
    background-repeat:no-repeat;
}

背景画像が表示されません。何が問題なのですか?

4

2 に答える 2

1

複数の問題:

  1. URL と最初のコロンの間にスペースがあるため、次のようになります。

    background-image:url ('../Content/homepage.jpg')
    

    これである必要があります:

    background-image:url('../Content/homepage.jpg')
    
  2. background:coverは正しい CSS ルールではありません。

    あなたがやりたいことはbackground-size:cover代わりだと思います。これは CSS3 であるため、ベンダー プレフィックスを追加することをお勧めします。

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
于 2012-06-25T17:03:37.700 に答える
0

FirefoxのFirebugやChromeの開発者ツールバーなどのネットワークツールを使用して、背景画像のCSSリクエストによって実際に生成されているURLを確認します。画像のリクエストが表示され(おそらく404を登録している可能性があります)、それを期待どおりのものと比較します。

ほとんどの場合、CSSで適切なURLが定義されていませんが、サイトの構造がわからないとわかりません。

于 2012-06-25T16:44:13.120 に答える