html - 将 div 缩放到背景图像大小

Question

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

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

我尝试使用背景大小属性（覆盖、包含、100%），但它们不会使 div 显示其高度的所有 400px。

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

我会使用最小高度，但是 div 不会在移动设备上按比例缩小。

有谁知道我怎样才能让我的父 div 成为背景图像的全尺寸？

Answer 1

一种建议是使用顶部和左侧百分比来定位链接，即：

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