我网站中的侧边栏菜单问题答案

【问题标题】：Sidebar menu issue in my site我网站中的侧边栏菜单问题
【发布时间】：2017-07-03 20:24:41
【问题描述】：

如何将下拉菜单置于其他图形前面？我刚刚在我的侧边栏上应用了这个 CSS 类，它运行良好，在全屏模式下一切正常

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

但是当我折叠侧边栏时，侧边栏列表标签无法正常工作。

我能做什么？

看看这张图你就明白我的意思了。

【问题讨论】：

发布你所有的代码
任何人请帮助我
我让你发布你所有的代码。
我在下面发布我的代码

标签： jquery html css asp.net-mvc

【解决方案1】：

对构成侧边栏的 HTML 元素应用更高的 z-index 值。

注意正文中其他元素的 z-index 属性，以免破坏其他元素的美感，例如模态。

【讨论】：

【解决方案2】：

这是我的 CSS 类

固定侧边栏

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

对于下拉菜单

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

我的html代码是：

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

【讨论】：

我不知道如何使用索引值请帮助我