具有较长高度图像的响应背景

我有一个非常长的图像，2263 x 8192像素。我想创建一个网站，其背景（该图像）涵盖窗口的宽度，但也与图像的整个高度，而不会失去响应。具有较长高度图像的响应背景

这个想法是有这个长的滚动图像，分为不同的/部分与固定的高度。完全作为具有不同部分的着陆页，但不是每个部分都有不同的背景，我想要一个长的图像。

任何想法？

2016-12-01 Adrian Vazquez

请告诉我们你有什么到目前为止已经试过。这个问题是模糊的。或向我们展示你正在寻找的图片 – FutureCake

让我做一个小提琴 –

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

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/

来源

2016-12-01 23:11:32 Mikhail

但我不想修正图像，它必须向下滚动所有图像 –

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

嗨，多数民众赞成在很好，但当我减少窗口，页面底部有一个巨大的空白@Mikhail –

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

来源

2016-12-01 22:21:18

具有较长高度图像的响应背景

回答

相关问题