jquery - 在网页中叠加元素

Question

我有一个带有 jQ​​uery 菜单的网页，如 this和 jQuery Accordion 。我的问题是 Accordion 覆盖了菜单(如 this )，我希望菜单覆盖 Accordion 。

Accordion 的代码是

            <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 元素( Accordion 选项卡的标题)中。

Answer 1

请检查CSS。可能有机会覆盖 z-index 并使用 position:relative 。

如果你想要一个元素在另一个之上。元素的 Z-index 需要有序。

ex : top element z-index: 2 , bottom element z-index should be less than 2.

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

希望对您有所帮助。