将div缩放到背景图片大小

Question

我有一张图片，需要将div放在链接的顶部。当我最初创建网站时，我做得很好，但现在我的任务是响应，所以我不能再使用-top和left值来定位叠加div，因为它们不随图像一起移动。

试图将图像作为背景图像，以便叠加层的位置可以设置并包含在父容器中。

我已经尝试使用背景大小属性（封面，包含，100％），但他们不会使div显示其高度的所有400px。

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

我会使用min-height，但是div不会在移动设备上缩小。

有谁知道我如何让我的父div是背景图像的完整大小？

Answer 1

一个建议是利用定位顶部和左侧百分比的联系，即：

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