2016-12-01 52 views
0

我有一個非常長的圖像,2263 x 8192像素。我想創建一個網站,其背景(該圖像)涵蓋窗口的寬度,但也與圖像的整個高度,而不會失去響應。具有較長高度圖像的響應背景

這個想法是有這個長的滾動圖像,分爲不同的/部分與固定的高度。完全作爲具有不同部分的着陸頁,但不是每個部分都有不同的背景,我想要一個長的圖像。

任何想法?

+0

請告訴我們你有什麼到目前爲止已經試過。這個問題是模糊的。或向我們展示你正在尋找的圖片 – FutureCake

+0

讓我做一個小提琴 –

+0

https://jsfiddle.net/adrianvcch/mettmnrt/2/ @FutureCake –

回答

1
body { 
    width: 100%; 
    height: 100%; 
    background: url('http://i.imgur.com/WfkIpCq.jpg') no-repeat; 
    background-size: cover; 
    color: #fff; 
} 

的jsfiddle https://jsfiddle.net/f1zu318n/

+0

但我不想修正圖像,它必須向下滾動所有圖像 –

+0

@AdriánVázquez我改變了我的答案 – Mikhail

+0

嗨,多數民衆贊成在很好,但當我減少窗口,頁面底部有一個巨大的空白@Mikhail –

1
margin-top:0; 
margin-left:0; 
margin-right:0; 
width:100%;