"background-attachment：local"のときに背景画像のオフセットが〜25％ですか？

Question

誰かがこのCSS、なぜ私が理解して助けてください：唯一の底が〜絵の75％が示されているように

<style type="text/css"> 
    html { 
     background: url(images/img.diary.1280.jpg) no-repeat center center local; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
    } 
    body { 
     font-family: 'alpha geometrique', fantasy, cursive, sans-serif; 
     background: none; 
    }... 

は、この代替に比べて、背景画像は〜25％で、「上へ移動」になるだろう"背景："行？

background: url(images/img.diary.1280.jpg) no-repeat center center fixed; 

ビューポート内の画像フィッティングの100％を表示します（これは私が望むものです）。

「スクロール」も試みましたが、「ローカル」と同じ効果があります。私が固定を使用したくない理由は、ウィンドウをスクロールすると、要素（ブートストラップ4）はスクロールしますが、要素が上にスライドしているように見えません。 &の画像を一緒にスクロールするのが好きです。それは達成しようとしている実際の目的です。それはbackground-size: coverや画像のアスペクト比に関係しています

おかげ

Answer 1

。カバーが幅と高さの両方をカバーするまで画像のサイズが大きくなるので、画像が縦長で横長の場合は、画像のサイズが拡大され（縦横比が維持されます）、ウィンドウの幅が拡大されるまで拡大されますあなたはそれが上下にセンタリングされているので、上下が見えません。これを試してみてください：

html { 
    background: url(images/img.diary.1280.jpg) no-repeat center center local; 
    -webkit-background-size: contain; 
    -moz-background-size: contain; 
    -o-background-size: contain; 
    background-size: contain; 
    } 

が最もフィットするように、それは窓の内側に収まる最大サイズに画像のサイズを増やす（または減少）されますされて含まれ。

Answer 2

私を正しい方向に向けるための名誉アリーハイクス。

をbackground-position: center topに変更することは、background-attachment: localを維持することです。今私は両方の行動をしたいです。