有一個白色空間的權利和重複圖像右下角自舉

Question

這裏的情況：

這是www.dreamstreetentertainment.com的屏幕截圖，正在建設中的網站仍然活着，但無論如何。不要問。客戶希望這一點。我只需要說一句，我右邊有一個白色空格，右邊是重複的圖片。

背景是件：

1. 的過
2. 背景天空中移動雲段
3. 好萊塢/洛杉磯的天際線
4. 道路好萊塢
5. 的燈（單獨）和CSS集

ISSUE：

客戶使用27「顯示器，您看到的圖像（我使用22」顯示器）被模擬到全屏的80％。

SOLUTION：

我怎樣才能解決這個方面的空白和重複圖像右下角底部？

這裏的

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倍率

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」填充整個視口。