は右に空白を持ち、ブートストラップ

Question

と右下に画像を繰り返してここでの状況です：

これはwww.dreamstreetentertainment.comのスクリーンショット、まだ建設中のサイトですが、とにかく生きています。聞かないでください。顧客はそれを望んでいます。それを言えば、私は右に白いスペースがあり、右下にイメージが繰り返されています。

背景がバラバラになる：

背景空上

1. 移動クラウドセグメント
2. ハリウッド/ロサンゼルスのスカイライン
3. ハリウッド
4. ランプに道路が（別）とCSSセット

問題：

お客様は27インチのモニターを使用し、表示される画像は22インチのモニターを使用し、全画面の80％までシミュレートされます。

SOLUTION：

がどのように私はこの辺WHITE SPACEと繰り返し画像右下BOTTOMを修正できますか？ここで

は

html, 
body { 
    margin: 0; 
    min-height: 100%; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex; 
    -ms-flex-direction: column; 
    -webkit-flex-direction: column; 
    flex-direction: column; 
    font-family: 'Open Sans', sans-serif; 
    -webkit-font-smoothing: antialiased; 
    -webkit-text-size-adjust: 100%; 
    color: #ffffff; 
    background-color: rgba(0, 0, 0, 0); 
    font-size: 18px; 
    line-height: 1.8em; 
    padding-top: 90px; 
    display: flex; 
    flex-direction: column; 
} 

とカスタム・ds.cssでOVERRIDE

html, body { 
    height: 100%; 
    padding: 0; 
    margin: 0; 
} 

だが、問題はまだ残っています。

私が作成した他のサイトにはbackstretch.jsがありますが、背景はSEAとSKYのHORIZONで分割されているため、これは難しいです。

思考？

Answer 1

トップホワイトスペースは終了空の画像であり、底部空間が終了し、次に繰り返し水画像です。画像を変更せずに に

からどこへ行く

簡単な方法は、以下のCSSを変更することです。

.waterBackground { 
    background-repeat: no-repeat; 
    background-size: cover; 
} 
.skyBackground { 
    background-repeat: no-repeat; 
    background-size: cover; 
} 

背景画像は、ビューポート全体を埋める「bg_clouds」このような場合には、それが全体の親コンテナの記入になりますカバーするために、バックグラウンド・サイズを変更します。