1. ホーム
  2. css

[解決済み】divの高さを背景サイズに自動調整させるには?

2022-03-27 13:45:25

質問

divに特定の高さ(または最小高さ)を設定せずに、divに設定した背景のサイズに自動的に合わせるにはどうしたらよいでしょうか。

解決するには?

もう一つの解決策は、おそらく非効率的ですが、画像を img 要素に設定されています。 visibility: hidden; . そして background-image の周囲のdivを画像と同じにします。

これは、周囲のdivを、画像のサイズに合わせて img 要素で表示されますが、背景として表示されます。

<div style="background-image: url(http://your-image.jpg);">
 <img src="http://your-image.jpg" style="visibility: hidden;" />
</div>