私のサイトのサイドバーメニューの問題

Question

他のグラフィックの前にドロップダウンメニューを表示するにはどうすればよいですか？ 私はちょうど私のサイドバーに、このCSSクラスを適用し、それは完璧に動作し、物事には、フルスクリーンモード

.MYfixed {position:fixed;-webkit-backface-visibility: hidden;} 

で正常であるが、私は私のサイドバーに崩壊したときにサイドバーリストタグが完璧に動作しません。

私は何ができるのでしょうか？

この画像を見ると、私の言うことを理解することができます。

Answer 1

サイドバーを構成するHTML要素に高いのz-index値を適用します。

体の他の要素のZ-インデックスプロパティを監視し、モーダルのような他の要素の美しさを損なわないようにします。

Answer 2

ここで、固定サイドバー

.MYfixed { position:fixed; -webkit-backface-visibility: hidden;} 

し、ドロップダウンメニューの

.myFixed2 { position: absolute;z-index:1000;} 

と私のhtmlコードのための私のcssクラス

があるさ：

<div class="page-sidebar navbar-collapse collapse MYfixed "> 

    <ul class="page-sidebar-menu page-header-fixed page-sidebar-menu-light" data-slide-speed="200" data-height="585" data-keep-expanded="false" data-auto-scroll="false"> 
         <li class="sidebar-search-wrapper"></li> 
         <li class="nav-item start"> 
          <a href="/Default.aspx" class="nav-link nav-toggle"> 
           <%--<i class="icon-home"></i>--%> 
           <img src="<%= Page.ResolveUrl("~")%>assets/global/img/house.png" /> 
           <span class="title">Home</span> 
           <span class="selected"></span> 
          </a> 

         </li> 

         <li class="nav-item myFixed2"> 
          <a href="javascript:;" class="nav-link nav-toggle "> 
           <img src="<%= Page.ResolveUrl("~")%>assets/global/img/admin.png" /> 
           <span class="title">Administration</span> 
           <span class="selected"></span> 
           <span class="arrow open"></span> 
          </a> 
          <ul class="sub-menu"> 
           <li class="nav-item "> 
            <a href="/Administration/ModulesList.aspx" class="nav-link "> 
             <span class="sidebarTitle">Modules List</span> 
            </a> 
           </li> 
           <li class="nav-item "> 
            <a href="/Administration/UserSecurity.aspx" class="nav-link "> 
             <span class="sidebarTitle">User Rights</span> 
            </a> 
           </li> 
           <li class="nav-item "> 
            <a href="/Administration/AddUser.aspx" class="nav-link "> 
             <span class="sidebarTitle">Add User</span> 
            </a> 
           </li> 
          </ul> 
         </li> 
        </ul> 

</div>