將 div 縮放到背景圖像大小

Question

我有一個圖像，我需要將 div 放在鏈接之上。 我在最初創建網站時做得很好，但現在我的任務是使其具有響應性，因此我不能再使用 -top 和 left 值來定位疊加 div，因為它們不隨圖像移動。

嘗試將圖像作為背景圖像，以便可以設置疊加層的位置並將其包含在父容器中。

我曾嘗試使用背景大小屬性（覆蓋、包含、100%），但它們不會使 div 顯示其高度的所有 400 像素。

設置最大高度、使用自動或 100% 也不起作用。

我會使用 min-height，但是 div 不會在移動設備上縮小。

有誰知道如何讓我的父 div 成為背景圖像的全尺寸？

Answer 1

一種建議是使用頂部和左側百分比來定位鏈接，即：

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