div の背景画像を調整できないため、div と img のサイズに関係なく、画像で塗りつぶされます。画像が小さい場合はストレッチする必要があり、その逆も同様です。変形や品質の低下に関係なく、画像全体が表示される必要があります。
私はこのすべての組み合わせと順列、およびさらに多くを試しました。単に - 動作しません。
background-repeat: no-repeat;
background-position: top center;
background-size: auto;
background-size: cover;
background-size: contain;
background-size: 100% 100%;
私は Firefox 22 を使用しています。W3C バリデータによると、css は有効な css3 です。