剑道菜单z-index

Question

我希望将菜单放在任何其他窗口的顶部。但似乎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" })
)