Я хочу иметь меню поверх любого другого окна. Но, похоже, z-index не работает. Это мое меню:Kendo menu z-index
@(Html.Kendo().Menu()
.Name("menu").HtmlAttributes(new { @style = "z-index: 50;"})
.Items(items =>
{
И это мой DOM:
Я хочу иметь меню поверх любого другого окна. Но, похоже, z-index не работает. Это мое меню:Kendo menu z-index
@(Html.Kendo().Menu()
.Name("menu").HtmlAttributes(new { @style = "z-index: 50;"})
.Items(items =>
{
И это мой DOM:
Это работает для меня, см. example.
@(Html.Kendo().Menu()
.HtmlAttributes(new { style = "position: relative; z-index: 11000" })
)
г-индекс работает только на позиционируемые элементы. Вы должны убедиться, что ваш элемент имеет одно из следующих действий явно заявил:
position:absolute
position:relative
position:fixed
, чтобы из Z-индекс должен быть включен.
Ну, любое из этих разрушенных меню, но не исправить проблему! '@style =" position: fixed; z-index: 50; "' Нет ли лучшего способа для меню кендо? – Akbari
Вам нужно будет предоставить больше информации для меня, чтобы иметь возможность помочь. Когда вы предоставляете позицию, вы обычно будете давать значения слева, сверху, снизу и/или справа. Было бы полезно предоставить jsfiddle, чтобы мы могли видеть, с чем вы работаете. – jonhurlock
Спасибо jonhurlock, я использую обертки MVC, и они производят DOM. Увеличение индекса z сделало трюк. – Akbari
Vash, похоже, мы собираемся сделать этот проект вместе! :) Это не работает для меня, может быть, потому, что у моего окна и меню есть один родитель? – Akbari
: D Вы также увеличили индекс z? При тестировании он сам не работал до 11000. Может быть, вам нужно идти еще выше? – Nicholas
Увеличение индекса z сделало трюк. '@style =" position: relative; z-index: 5000000000; "' – Akbari