如何在响应式轮播上叠加 div

Question

我正在尝试将徽标放置在覆盖响应式轮播的导航上方。问题是，根据 window 大小，徽标不会固定在导航栏上。我什至不知道如何解决这个问题。 Here is the project I am currently working on。甚至有办法做到这一点吗？

Answer 1

问题是您的徽标（我假设您指的是透明的白色圆形徽标）绝对位于浏览器的顶部，并且您正试图使其位置随调整大小的旋转木马而移动。尝试将徽标移动到 #slider1_container 和绝对位置 bottom:0（而不是 top:0）

无论滑块的高度如何，这都会迫使它粘在旋转木马的底部，因此它看起来会随之移动。

然后，您还遇到了调整徽标大小以使用 window 缩小的问题。如果您将徽标的宽度设置为百分比，将其高度设置为自动，并将最大宽度设置为您希望它变成的最大尺寸，那么应该可以解决这个问题。