【问题标题】:Kendo menu z-index剑道菜单 z-index
【发布时间】:2015-04-28 02:50:11
【问题描述】:

我想让菜单位于任何其他窗口的顶部。但似乎 z-index 不起作用。这是我的菜单:

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

这是我的 DOM:

【问题讨论】:

    标签: c# css .net kendo-ui kendo-asp.net-mvc


    【解决方案1】:

    这对我有用,请参阅example

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

    【讨论】:

    • Vash,看来我们要一起做这个项目了! :) 它对我不起作用,可能是因为我的窗口和菜单都有一个父级?
    • :D 你也增加了z-index?当我自己测试它时,它直到 11000 才起作用。也许你需要更高?
    • 增加 z-index 就可以了。 @style = "position:relative; z-index: 5000000000;"
    【解决方案2】:

    z-index 仅适用于定位元素。您必须确保您的元素具有以下明确声明的内容之一:

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

    允许启用 z-index。

    【讨论】:

    • 好吧,这些都毁了我的菜单,但没有解决问题! @style = "position: fixed; z-index: 50;"剑道菜单没有更好的方法吗?
    • 您必须为我提供更多信息才能提供帮助 在提供职位时,您通常也会给出左、上、下和/或右值。提供一个 jsfiddle 会很有帮助,这样我们就可以看到您正在使用什么。
    • 感谢 jonhurlock,我正在使用 MVC 包装器,它们会生成 DOM。增加 z-index 就可以了。
    猜你喜欢
    • 1970-01-01
    • 2012-03-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-25
    相关资源
    最近更新 更多