html - div を背景画像のサイズにスケーリングする

Question

リンクの上に div を配置する必要がある画像があります。最初に Web サイトを作成したときはこれで問題ありませんでしたが、現在はレスポンシブにする必要があるため、-top と left の値を使用してオーバーレイ div を配置することはできません。

オーバーレイの位置を設定して親コンテナー内に含めることができるように、画像を背景画像として配置しようとしています。

背景サイズ プロパティ (カバー、含む、100%) を使用しようとしましたが、div に高さ 400 ピクセルすべてを表示させることはできません。

最大高さの設定、auto の使用、または 100% も機能しません。

min-height を使用しますが、div はモバイル デバイスで縮小されません。

親divを背景画像のフルサイズにする方法を知っている人はいますか?

Answer 1

1 つの推奨事項は、上と左のパーセンテージを使用してリンクを配置することです。つまり、次のようになります。

#link1 {
     position: relative;
     top:2%;
     left:2%;
}