Html 使用菜单下方的剑道拆分器后，菜单未显示菜单项

单击“设置”菜单项时，“我的菜单”未显示项目。在使用剑道分割器之前，它工作得很好。现在，即使在菜单元素上设置了更高的z索引，菜单也不会弹出

这是我的菜单栏

<nav class="top-bar bottomnav" data-topbar>
        <section class="top-bar-section">

            <ul class="right">
                <li class="has-content-dropdown"><a href="#" data-dropdown="setuplist" title="Setup">
                    <img src="/Content/Images/setup-16x16.png" alt="Setup" />&nbsp;Setup</a>
                    <div id="setuplist" data-dropdown-content class="medium f-dropdown iconlist">
                              @{
                            link="#";
                            }                     
                        { link="/Classification/ClassificationLabel"; }
                        <div class="iconlink">
                            <a href='@link' title="Classification Label" onclick="OnclickPrem(this)">
                                <img src="/Content/Images/labels-72x72.png" /><div>Classification Label</div>
                            </a>
                        </div>
                              @{
                            link="#";
                            }
                        { link="/Classification/Index"; }
                        <div class="iconlink">
                            <a href='@link' title="Classification" onclick="OnclickRPrem(this)">
                                <img src="/Content/Images/Classification-72x72.png" /><div>Classification</div>
                            </a>
                        </div>
                    </li>
      </ul>
       </section>

在这个菜单下面是一个使用剑道拆分器的菜单

@(Html.Kendo().Splitter()
  .Name("vertical")
  .Orientation(SplitterOrientation.Vertical)
  .HtmlAttributes(new { style = "height: 70%;height:78.3vh;" })
  .Panes(verticalPanes =>
  {
      verticalPanes.Add()
          .HtmlAttributes(new { id = "top-pane" })
          .Scrollable(false)
          .Collapsible(false)
          .Content(
            Html.Kendo().Splitter()
                .Name("horizontal")
                .HtmlAttributes(new { style = "height: 100%;" })
                .Panes(horizontalPanes =>
                {
                    horizontalPanes.Add()
                        .HtmlAttributes(new { id = "left-pane" })
                        .MaxSize("300px")
                        .MinSize("250px")
                        .Size("300px")
                        .Collapsible(true)
                        .Collapsed(true)
                        .Content(Html.Action("Tasks").ToString());
                    horizontalPanes.Add()
                        .HtmlAttributes(new { id = "center-pane"})
                        .Content(@<div class="renderbodydiv" style="padding-top: 8px">
                            @RenderBody()
                        </div>);
                }).ToHtmlString()
          );

  })

---

拆分器窗格隐藏溢出，因此，如果您的菜单位于某个位置，因此它将显示在其所在窗格的外部，则需要覆盖负责此操作的CSS；您可以尝试以下方法：

.k-splitter .k-pane {
    overflow: visible !important;
}

---

我只是复制了上面的类并粘贴到了我的Upper.cshtml中，但即使没有看到它也不难帮助-尝试在jsfiddle/jsbin上创建一个repro