Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何将div覆盖在响应旋转木马的顶部_Css_Css Position_Responsive Slides - Fatal编程技术网

Css 如何将div覆盖在响应旋转木马的顶部

Css 如何将div覆盖在响应旋转木马的顶部,css,css-position,responsive-slides,Css,Css Position,Responsive Slides,我试图在导航上方放置一个标志,覆盖一个响应式旋转木马。问题是,根据窗口大小,徽标不能固定在导航上。我甚至不知道如何处理这个问题。有什么办法可以做到这一点吗?问题在于,您的徽标(我想您指的是透明的白色圆形徽标)绝对位于浏览器顶部,并且您正试图使其位置随着旋转木马的大小而移动。尝试将徽标移动到#slider1_容器内和绝对位置,底部:0(而不是顶部:0) 这将迫使它粘在旋转木马的底部,而不管滑块的高度如何,因此它似乎会随之移动 然后,您就有了调整徽标大小的问题,以便随着窗口的缩小而缩小。如果您将徽标

我试图在导航上方放置一个标志,覆盖一个响应式旋转木马。问题是,根据窗口大小,徽标不能固定在导航上。我甚至不知道如何处理这个问题。有什么办法可以做到这一点吗?

问题在于,您的徽标(我想您指的是透明的白色圆形徽标)绝对位于浏览器顶部,并且您正试图使其位置随着旋转木马的大小而移动。尝试将徽标移动到
#slider1_容器内
和绝对位置,底部:0(而不是顶部:0)

这将迫使它粘在旋转木马的底部,而不管滑块的高度如何,因此它似乎会随之移动


然后,您就有了调整徽标大小的问题,以便随着窗口的缩小而缩小。如果您将徽标的宽度设置为百分比,将其高度设置为自动,并将最大宽度设置为您希望使其成为的最大尺寸,那么这应该可以解决问题。

您是否可以更清楚地了解您正在谈论的徽标(有两个:导航栏左侧的re.pub.lic.pi文本和右侧的白色圆形透明徽标)成功了!我知道我离这里很近,但不知道该放在哪里。非常感谢!!!在我的脑海中向你击掌!@Beverly Lodge你的菜单现在不起作用了。也就是说,当你点击亨伯格图标时不会滑下来,就像它对我起作用一样,@TasosAnastasiou。我点击汉堡,它就会打开。@Will Lann,它可能与我无关不过,chrome上的修复程序是有效的,但不起作用。也就是说,当它工作时,然后尝试向下滚动,页面上会出现奇怪的滚动效果,当窗口调整大小且菜单向下时,菜单的动画就会松开。底部图像幻灯片有一个问题,我认为@TasosAnastasiou,底部滑块肯定有问题,如下所示它不在隐藏溢出的父元素中,它会调整页面其余部分的大小,但这不是操作的一部分。否则,我无法在调整大小时破坏Chrome或Firefox中的菜单(如果忽略底部问题)。但是,我明白你的意思。