[解決済み】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>
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] DIVの背景色が表示されない
-
[解決済み] CSSで0を指定する場合、明示的に単位を表記するべきか、省略するべきか。
-
[解決済み] ChromeでCSSが効かない
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] 親ディバイスの高さを指定せずに、子ディバイスの高さを100%にする方法は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Chrome で注入されたスタイルシートによる奇妙なスタイリングが発生する
-
[解決済み] DIVの背景色が表示されない
-
[解決済み] マージン/パディングが機能しない
-
[解決済み] Ionicカードリスト作成
-
[解決済み] セレクトボックスのテキストを中央揃えにすることは可能ですか?
-
[解決済み] テーブルの行にマージンを追加する方法 <tr> [重複]。
-
[解決済み] MUIでカスタムアニメーションエフェクト@keyframesを適用する方法は?
-
[解決済み] CSSで背景画像を着色する方法を教えてください。
-
[解決済み] 背景画像をdivにフィットさせる
-
[解決済み】縦横比を維持したままレスポンシブにdivサイズを変更する【重複あり