將div縮放到背景圖片大小

Question

我有一張圖片，需要將div放在鏈接的頂部。當我最初創建網站時，我做得很好，但現在我的任務是響應，所以我不能再使用-top和left值來定位疊加div，因爲它們不隨圖像一起移動。

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

我已經嘗試使用背景大小屬性（封面，包含，100％），但他們不會使div顯示其高度的所有400px。

設置最大高度，使用自動或100％都不起作用。

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

有誰知道我如何讓我的父div是背景圖像的完整大小？

Answer 1

一個建議是利用定位頂部和左側百分比的聯繫，即：

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