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，並解決了問題。