网页中的叠加元素

Question

我有一个带有jQuery菜单的网页，比如这和jQuery手风琴。我的问题是手风琴覆盖菜单(如这)，我希望菜单覆盖手风琴。

手风琴的代码是

            <div id="accordionDatos" class="fondo ui-accordion ui-widget ui-helper-reset" role="tablist">

                <h3 class="fondo ui-accordion-header ui-helper-reset ui-state-default ui-accordion-icons ui-corner-all" role="tab" id="ui-accordion-accordion-header-0" aria-controls="ui-accordion-accordion-panel-0" aria-selected="false" aria-expanded="false" tabindex="-1"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>Datos personales</h3>
                <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="display: none;" id="ui-accordion-accordion-panel-0" aria-labelledby="ui-accordion-accordion-header-0" role="tabpanel" aria-hidden="true">
                               .......
                </div>      

            </div>

类"fondo“是.fondo {z-index: 100;}。我把这个类放在div元素和h3元素中(手风琴选项卡的标题)。

Answer 1

请检查css。可能有机会重写z索引并使用位置:相对于相同的位置。

如果你想要一个元素在另一个之上。元素的索引必须是有序的。

例:顶部元素z-索引:2，底部元素z-指数应小于2.

  #accordion {z-index:999; position:relatevie }

希望这能帮到你。

Answer 2

试试这个：#accordion {z-index:100;}

Answer 3

尝试设置CSS z-index属性：z-index.asp