2016-12-01 19 views
0

私は本当に長い画像、2263 x 8192ピクセルを持っています。私は、ウィンドウの幅をカバーする背景(その画像の)を持つウェブサイトを作成したいと思いますが、応答性を失うことなく、画像の高さ全体をカバーしています。長めの高さの画像があるレスポンシブな画像

この長いスクロールイメージは、高さが固定された異なる/セクションの部分に分割されています。セクションが異なるリンク先ページですが、セクションごとに異なる背景を使用するのではなく、長いイメージが必要です。

アイデア?

+0

plsはあなたがこれまでにしようとしているものを私たちに示しています。この質問はあいまいです。あなたが画像で探しているものを見せる – 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%; 
関連する問題