2017-10-04 9 views
-2

CSSのみを使用して背景画像の幅と高さに合わせてdivを伸ばすことはできますか?そしてもしそうなら、どうですか?
Divの幅と高さが設定されていません。背景画像に合うように修正するdiv

私はではありません divに画像を拡大縮小する方法を尋ねています。
私はではありません特定の幅と高さのdivに画像を拡大縮小する方法を尋ねています。

ie。

<div class="banner" 
     styles="width: auto; height: auto; background-image: url(unknown-size-img.jpg)"> 
    </div> 
+0

イメージをimgタグを使用して背景イメージにするのではなく、ここのユースケースは何ですか? –

+0

背景サイズを使用する:cover; divの場合はautoの代わりにmin-heightを使います。 –

+2

*オンリー* CSS?いいえ、できません。 – HaukurHaf

答えて

1

私は提案がありますが、良い方法ではありません。

タグと同じ画像をDIV内に配置します。したがって、コンテナのdivは同じサイズを取ります。次に、不透明度を0にして、ポインタイベント 'なし'を指定します。

<div class="banner" styles="width: auto; height: auto; background-image: url(unknown-size-img.jpg)"> 
     <img src="unknown-size-img.jpg" alt="image" title="image" style="opacity:0 ; pointer-events: none" /> 
</div> 
+0

こんにちは、それはいい考えですover https://jsfiddle.net/yhdpw8v4/;)Sのない属性スタイル –

関連する問題