单击设置菜单项时,我的菜单未显示项目。在使用kendo分离器之前,它工作正常。现在,即使在菜单元素上设置了更高的z-index,菜单也不会弹出。
这是我的菜单栏
<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" /> 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>
在此菜单下方使用kendo splitter
@(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()
);
})
)
答案 0 :(得分:0)
Splitter窗格隐藏溢出,所以如果你的菜单处于一个位置,所以它会显示在它所在的窗格之外,你需要覆盖负责的窗格;你可以试试:
.k-splitter .k-pane {
overflow: visible !important;
}