jquery - CSS 子菜单显示在 jQuery UI 选项卡下

Question

我为网页左侧创建了一个 css 垂直菜单，其中也包括子菜单，然后我使用了包含在网页右侧（在 asp.net 中）的 jQuery UI 选项卡，但这里的问题是我的子菜单显示在 jQuery 选项卡下（在背面），如下图所示：

我在 CSS 和设计方面非常糟糕，我该如何解决这个问题？

Answer 1

使用下面的 z-index 示例.....

<div class="main">
    <div class="menu"></div>
    <div class="content"></div>    
</div>

它的 CSS

.menu{position:relative; z-index:99;}
.content{position:relative; z-index:0;}

Answer 2

你应该像这样使用......使用下面的z-index示例......

<div class="main">
    <div class="menu"></div>
    <div class="content"></div>    
</div>