Кендо меню z-index - c #, css, .net, kendo-ui, kendo-asp.net-mvc

Искам менюто да се намира на всеки друг прозорец. Но изглежда Z-index не работи.Това е моето меню:

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

И това е моят DOM:

Отговори:

Това работи за мен, вижте пример.

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

z-индексът работи само върху позиционирани елементи. Трябва да се уверите, че вашият елемент има едно от следните изрично декларирани:

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

за да позволим на z-index да бъде активиран.