1

http://960.gs/を使用していて、container_12クラスにページを埋めてもらいたいです。

編集:高さのみを入力します。

私は試した:

.container_12{
    background-image:url(../images/background_2.png);
    background-position:center top;
    background-repeat:no-repeat;
    min-height:100%;
    height:auto;
}

しかし、何も起こりません。

4

2 に答える 2

1

これは、大きな背景画像が必要なためですか? なぜ使用しないのですか:

body {
  background-image:url(../images/background_2.png);
  background-position:center top;
  background-repeat:no-repeat;
}
于 2012-12-30T22:50:29.557 に答える
0

クラスの.container_12幅は固定なので (ご想像のとおり 960px)、ページ全体を埋めることはありません。親要素の背景を設定したい - これは、bodyまたはコンテナ div にすることができます。

body {
    background-image:url(../images/background_2.png);
    background-position:center top;
    background-repeat:no-repeat;
}

このデモ ページのスタイルを見てください-.container_12ピンク/白のストリップの背景があり、960 ピクセルしか占めていません。ページ全体を占める青色の背景は次のように設定されていbodyます。

body {
  background: #123;
}

ページの高さ全体を占めるようにするには、親要素の高さとともに高さを 100%.container_12に設定する必要があります。

html, body {
  height: 100%;
}
.container_12 {
  height: 100%;
  background-color:#ccc;
}

親要素の高さを指定する必要があるのはなぜですか? の高さ.container_12は 100%、何の100%ですか? 親要素です。

于 2012-12-30T22:52:27.747 に答える