UIkit幻灯片元素覆盖导航栏

Question

我的初学者网页是一个长的滚动页面。我正在使用UIkit，并成功添加了许多元素。我在顶部添加了一个标准的导航栏。我向下滚动页面时发生问题。大多数元素都像期望的那样滚动到条的后面，但是我的一些元素在导航栏上滚动 - 包括图片和文本。

执行此操作的元素使用uk-slideshow属性。

这里是有问题的两个元素的HTML：

<!-- Nav Bar --> 
<nav class="uk-navbar" data-uk-sticky> 
    <ul class="uk-navbar-nav"> 
    <li><a href="">Contact</a></li> 
    <li><a href="">About Us</a></li> 
    <li><a href="">Services</a></li> 
    </ul> 
</nav> 

而且幻灯片...

<ul class="uk-slideshow" data-uk-slideshow="{autoplay:true}"> 
    <li> 
    <div class="person">Sara 
     <img src="images/agent_p2.jpg" class="id"> 
     <p>Lorem ipsum ... </p>    
    </div> 
    </li> 
</ul> 

这究竟是为什么？

Answer 1

我解决了这个问题。 Uikit中的uk-navbar没有分配z-index。向导航栏中添加了一个z-index，并解决了问题。