css - background-size：backgroundではなくdivをカバーする

Question

私は特定のdivをいくつか持っており、サイズを知っています。背景として使用したい画像はサイズが異なるので、一部を引き伸ばしたり表示したりするのではなく、background-size：coverを使用して内部の画像の見栄えを良くすることを考えていました。

しかし、私はこれを達成する方法を見つけることができません。これが機能しないもう1つの理由は、background-imageプロパティをインラインでのみ割り当てる必要があるためです。

ビューポート全体ではなく、divだけである何かにbackground-size：coverを使用する方法について誰かが考えていますか？

前もって感謝します

Answer 1

次の属性を持つクラスを追加し、そのdivでこのクラスを使用し、アスペクト比を維持するために、相対位置にある別のdiv内で幅と高さを100％にするようにします。

background: url(images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;