我有一個非常長的圖像,2263 x 8192像素。我想創建一個網站,其背景(該圖像)涵蓋窗口的寬度,但也與圖像的整個高度,而不會失去響應。具有較長高度圖像的響應背景
這個想法是有這個長的滾動圖像,分爲不同的/部分與固定的高度。完全作爲具有不同部分的着陸頁,但不是每個部分都有不同的背景,我想要一個長的圖像。
任何想法?
我有一個非常長的圖像,2263 x 8192像素。我想創建一個網站,其背景(該圖像)涵蓋窗口的寬度,但也與圖像的整個高度,而不會失去響應。具有較長高度圖像的響應背景
這個想法是有這個長的滾動圖像,分爲不同的/部分與固定的高度。完全作爲具有不同部分的着陸頁,但不是每個部分都有不同的背景,我想要一個長的圖像。
任何想法?
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/
但我不想修正圖像,它必須向下滾動所有圖像 –
@AdriánVázquez我改變了我的答案 – Mikhail
嗨,多數民衆贊成在很好,但當我減少窗口,頁面底部有一個巨大的空白@Mikhail –
margin-top:0;
margin-left:0;
margin-right:0;
width:100%;
請告訴我們你有什麼到目前爲止已經試過。這個問題是模糊的。或向我們展示你正在尋找的圖片 – FutureCake
讓我做一個小提琴 –
https://jsfiddle.net/adrianvcch/mettmnrt/2/ @FutureCake –