Kendo 菜单 z-index

Question

我想让菜单位于任何其他菜单之上 window。但似乎 z-index 不起作用。这是我的菜单：

@(Html.Kendo().Menu()
    .Name("menu").HtmlAttributes(new { @style = "z-index: 50;"})
    .Items(items =>
    {

这是我的 DOM：

Answer 1

z-index 仅适用于定位元素。您必须确保您的元素具有以下显式声明之一：

• position:absolute
• position:relative
• position:fixed

允许启用 z-index。

Answer 2

这对我有用，请参阅 example。

@(Html.Kendo().Menu()
    .HtmlAttributes(new { style = "position: relative; z-index: 11000" })
)