如何在响应式旋转木马上叠加div

Question

我正试图在导航器上方放置一个徽标，覆盖响应式旋转木马。问题是，根据窗口大小，徽标不会保持锚定到导航。我不知道如何解决这个问题。 Here is the project I am currently working on。有没有办法实现这个目标？

Answer 1

问题在于，您的徽标（我假设您的意思是透明的白色圆形徽标）绝对位于浏览器的顶部，并且您正在尝试通过调整大小的轮播使其位置移动。尝试移动#slider1_container内的徽标和绝对位置，底部：0（而不是顶部：0）

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

然后，您已经解决了调整徽标大小以缩小窗口的问题。如果您将徽标的宽度设置为百分比，并将其高度设置为自动，并将最大宽度设置为您希望允许的最大尺寸，那么应该管理它。