固定导航栏在滚动时与图像滑块重叠 [英] Fixed navigation bar is overlapped by Image Slider when scrolling

问题描述

我目前有一个网页，顶部有一个固定的导航栏。一切正常，除了一个图像滑块，我有在网站的内容重叠的固定导航栏，当向下滚动时，与网站的其余部分，当滚动时，它不足条的重叠。我有位置：相对样式附加到滑块&位置：固定到导航栏。我也试过添加z-index：1;

I currently have a web page with a fixed navigation bar at the top. Everything works fine, except an image slider I have in the content of the website overlaps the fixed navigation bar when scrolling down, contrary to the rest of the site, which underlaps the bar when scrolling. I have the position: relative style attached to the slider & position:fixed to the navigation bar. I also tried adding z-index:1; to the nav and z-index:2 to the slider, which someone recommended in another post - with no luck.

我非常感谢您的帮助！

这里是我的问题的网址： http://www.kyniko.com / golf /

here is the URL to my problem: http://www.kyniko.com/golf/

推荐答案

将导航栏的z-index大于z-index图像滑块。我去了你的网站，向下滚动，直到图像在导航栏的顶部，将导航栏上的z-index改为99，图像在它下面。

Change the z-index of the navigation bar to be bigger than the z-index on the image slider. I went to your site, scrolled down until the image was on top of the nav bar, changed the z-index on the nav bar to 99 and the image went under it.

这篇关于固定导航栏在滚动时与图像滑块重叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！