2015-04-28 3 views
1

Я хочу иметь меню поверх любого другого окна. Но, похоже, z-index не работает. Это мое меню:Kendo menu z-index

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

И это мой DOM: enter image description here

ответ

1

Это работает для меня, см. example.

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

Vash, похоже, мы собираемся сделать этот проект вместе! :) Это не работает для меня, может быть, потому, что у моего окна и меню есть один родитель? – Akbari

+1

: D Вы также увеличили индекс z? При тестировании он сам не работал до 11000. Может быть, вам нужно идти еще выше? – Nicholas

+1

Увеличение индекса z сделало трюк. '@style =" position: relative; z-index: 5000000000; "' – Akbari

1

г-индекс работает только на позиционируемые элементы. Вы должны убедиться, что ваш элемент имеет одно из следующих действий явно заявил:

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

, чтобы из Z-индекс должен быть включен.

+0

Ну, любое из этих разрушенных меню, но не исправить проблему! '@style =" position: fixed; z-index: 50; "' Нет ли лучшего способа для меню кендо? – Akbari

+1

Вам нужно будет предоставить больше информации для меня, чтобы иметь возможность помочь. Когда вы предоставляете позицию, вы обычно будете давать значения слева, сверху, снизу и/или справа. Было бы полезно предоставить jsfiddle, чтобы мы могли видеть, с чем вы работаете. – jonhurlock

+0

Спасибо jonhurlock, я использую обертки MVC, и они производят DOM. Увеличение индекса z сделало трюк. – Akbari