与长的高度图象的敏感背景

时间:2016-12-01 22:12:45

标签: jquery html css image

我有一个非常长的图像,2263 x 8192像素。我想创建一个具有背景(该图像)的网站,其覆盖窗口的宽度,但也具有图像的完整高度,而不会失去响应性。

这个想法是让这个长滚动图像分成不同的/部分部分,具有固定高度。正如具有不同部分的着陆页,但我想要一个长图像,而不是每个部分有不同的背景。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分: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/