0
divを完全に埋めるために背景イメージを取得しようとしています。背景サイズ:カバーが背景画像の高さを設定していない
.class{
background-image: url('img.jpg');
background-repeat: no-repeat;
background-size: cover;
}
及び(.row
財団6である)
<div class="row columns">
<div class="class"> </div>
</div>
を使用すると、画像が容器の幅を横切って延び、しかし高さは、23px、
のおそらくラインの高さ程度です。画像の高さを画像の高さにするには、幅をcover
に設定するにはどうすればよいですか?
背景色の作品ですか? –
@MohitBhardwaj background-imageをbackground-colorに置き換えた場合、その色はイメージと同じスペースを塗りつぶします – 1252748
それは、あなたの '.class'要素があなたが期待している高さを持たないからです。あなたが見る '.row'のパディングだけです。例:高さを追加してみてください。 'height:100px;'を '.class'に追加します。 –