gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 07:48:57 26 4
gpt4 key购买 nike

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

最佳答案

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

这将迫使它粘在轮播的底部,而不管 slider 的高度如何,因此它看起来会随之移动。

然后,您会遇到调整 Logo 大小以随窗口一起缩小的问题。如果您将 Logo 的宽度设置为百分比,将其高度设置为自动,并将最大宽度设置为您希望它变成的最大尺寸,那么应该可以解决这个问题。

关于css - 如何在响应式轮播上叠加 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30539430/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com