Question

如何在其他图形前面显示下拉菜单？我只是在我的侧栏上应用了这个CSS类，它完美无缺，在全屏模式下一切正常

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

但是当我折叠侧边栏时，侧边栏列表标签无效。

我该怎么办？

看看这张图片，你可以理解我的意思。

my sidebar image

Answer 1

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

注意体内其他元素的z-index属性，这样就不会破坏其他元素的美学效果，比如模态。

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

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

2 个答案: