Menu di Kendo z-index - c #, css, .net, kendo-ui, kendo-asp.net-mvc

Voglio avere il menu in cima a qualsiasi altra finestra. Ma sembra che z-index non funzioni, questo è il mio menu:

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

E questo è il mio DOM:

risposte:

Questo funziona per me, vedi esempio.

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

z-index funziona solo su elementi posizionati. Devi assicurarti che il tuo elemento abbia una delle seguenti dichiarazioni esplicitamente dichiarate:

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

per consentire di z-index per essere abilitato.