Question

我有一个图像，我需要将div放在链接之上。我最初创建网站时做得很好，但现在我的任务是使其响应，所以我不能再使用-top和左边的值来定位叠加div，因为它们不会随图像一起移动。 / p>

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

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

设置最大高度，使用auto或100％也不起作用。

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

有谁知道如何让我的父div成为背景图片的完整尺寸？

Answer 1

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

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