背景画像上の画像

Question

私は助けが必要で、これまでのところ適切な答えが見つかりませんでした。私は完全な幅と高さと任意の解像度に応答し、それは問題ですが、私は他の画像（私は背景IMG以上の7画像がある）を置く問題は、私のウェブサイト上の背景画像を作成したい。私はそれらを配置し、すべての解像度のメディアクエリで設定し、それは全画面ですが、私は定期的に私のブラウザでアドレスバーとブックマークバーで見ているときにすべてがうんざりし、私の背景の画像はもはや全幅と高さではないです。悪い英語で申し訳ありません。ボディ用

CSS：

body { 
    background-image: url('images/background1.jpg'); 
    background-repeat: no-repeat; 
    background-position: top center; 
    background-attachment: scroll; 
    background-size: 100% 100%; 
    height: 100vh; 
    margin: 0px; 
} 

それから私は私の画像を入れて、余裕をもって - メディアクエリで異なる画面解像度のために左、右、下、上の場所にそれら。

画像などに適切な位置を設定する必要がありますか？私にヒントを与えてください。

編集：

This is what I get in fullscreen and it is ok

But this is when is not fullscreen

すべてはストリップ、背景画像の一部であるものを除く画像です。 イメージにはマージンスタイルしかありません。彼らは浮動小数点形式のdivにあります。

Answer 1

背景画像が応答させるための最も簡単な方法はこれです：

img{ 
    background-image: url('.../your-image.jpg'); 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}