1

これは、私がやっていることの例です。 http://www.childrens2012.org/

サイズに関係なく画面全体を埋める背景画像/色の一種ですが、下にスクロールするとコンテンツが増えます。

私はそれが色のために働くようになりました

#tester{
    width:100%;
    height:100%;
    background-color: blue;}

ただし、背景画像を使用するのに疲れたときに、絶対に配置すると問題が発生し続け、以下のコンテンツが表示され、機能しないようです。

これが私が得たものです

width:100%;
height:100%;
background: url(../images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;
 position:absolute;

何か案は？

4

2 に答える 2

1

ここに質問があります: height:100%.. 何の 100%?

これを追加：

body, html {
  height:100%;
}

そしてそれはうまくいくはずです。

http://jsbin.com/evifeh/1/edit

于 2013-05-22T07:24:37.477 に答える
0

あなたが何を達成したいのかわかりません。与えられた例とサンプルコードは、画像の処理とは異なります。

別の解決策を提供するには：

#tester{ margin-top: 100% }
于 2013-05-22T07:34:38.347 に答える