ビューポートを超えてdivを塗りつぶす背景イメージを取得

ビューポートの下にスクロールダウンする必要がある場合でも、このサイトの左側のイメージをdivに完全に埋め込むにはどうすればよいですか？ビューポートを超えてdivを塗りつぶす背景イメージを取得

今、私はこのコードを使用しています...

html, body{ 
    height: 100%; 
    margin: 0; 
    padding: 0; 
} 


div.left { 
    float: left; 
    width: 45%; 
    background-image: url('img/anjanettetodd.jpg'); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center top; 
    min-height: 100%; 
    height: 100%; 
    margin: 0; 
    padding: 0; 
    }

出典

2017-09-20 TTodd

[高さを本当に100％にする方法]（https://stackoverflow.com/questions/1938536/how-to-make-the -height-really-100） – user3351605

画像を固定したいと言っていますか？スクロールしても？もしそうなら、 'position：fixed'を追加してください。 –

ようこそスタックオーバーフロー！あなたのウェブサイトへのリンクを提供しないでください。 [最小限で完全で検証可能な例の作成方法]（https://stackoverflow.com/help/mcve） – disinfor

は、あなたが右のdivものの、下にスクロールでき左側のdivを、修正するposition: fixed;を追加します。だからスクロールしても空白が表示されません

出典

2017-09-20 20:31:34 jafarbtech

ビューポートを超えてdivを塗りつぶす背景イメージを取得

答えて

関連する問題