3

まず、コンテナを用意します。

 .container {
    width: 780px;
    background: #FFF;
    margin: 0 auto;
}

次に、コンテナー全体に画像を表示し、780px にまたがって表示することを目標に、これを追加します。画像の下部が真っ黒になり、背景色と混ざります。

.container {
        width: 780px;
        background: #FFF url(picture.png) no-repeat center top;
        margin: 0 auto;
}

これを行っても何も起こりません。「body」を介してサイトの背景に似たようなことをするとうまくいきます。

助けてくれてありがとう。

編集: 考えれば考えるほど、HTML を介してこれを行う必要がありますか?

編集2:最初の2つの回答の助けを借りて、私はこれにいます:

.container {
    width: 780px;
    background: url(Portfolio Assets/PortfolioUnderNavbg.png) no-repeat center top #000;
    margin: 0 auto;
    height: 100%; 
}

ページにヘッダーがあることを忘れていたので、どうにかして背景画像をヘッダーの下に移動させ、コンテナ内に配置する必要があると思います。背景は高さのパーセンテージ調整のみを受け入れると読みましたが、それは古いドキュメントでした。たとえば、コンテナの上部から 100px 下に開始する方法はありますか?

4

3 に答える 3

4

への変更background:url('your-image.png') no-repeat center top #FFF

何が起こっているかというと、#FFF カラー コードが画像の URL を上書きしています。

いくつかのドキュメント。

于 2012-05-18T16:40:56.007 に答える
2 
   .container 
    {
        width: 780px;
        background: #FFF url(picture.jpg) no-repeat center top;
        margin: 0 auto;
        height:100%;
   }

私は思う....あなたは高さを与えます：100％; 上記のコードのように

于 2012-05-18T16:44:47.707 に答える
0

.container { 幅: 780px; background: #FFF url('picture.jpg') リピートなし センタートップ; マージン: 0 自動; height:'your-img-size'; }

私はそれが働いていると思います...

于 2012-05-18T17:06:47.840 に答える