2016-11-28 5 views
0

私はスタートページを1つの長いスクロールページとして持っています。私はUIkitを使用しており、多くの要素をうまく追加しました。私は上部に標準のナビゲーションバーを追加しました。私の問題は、ページを下にスクロールしたときに発生します。ほとんどの要素は予想通りバーの後ろをスクロールしますが、いくつかの要素がナビゲーションバーの上にスクロールします(画像とテキストの両方)。UIkitスライドショー要素がNavbarをカバーしています

これを行う要素は、uk-slideshowプロパティを使用しています。

<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> 

ですが、なぜでしょう...

<!-- 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> 

スライドショー:ここ

は、問題の二つの要素のためのHTMLのですか?

答えて

0

私はこの問題を解決しました。 Uikit内のuk-navbarにはZインデックスが割り当てられていませんでした。 navにz-indexを追加し、問題を修正しました。

関連する問題