Наложение элементов на веб-страницу

Question

Наложение элементов на веб-страницу

0

У меня есть веб-страница с меню 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 {z-index: 100;}. Я помещаю этот класс в элемент div и в элемент h3 (заголовок вкладки аккордеона).

José Persichini 18 апр. 2014, в 14:57

Источник

Теги:

jquery

html

css

3 ответа

0

Попробуйте установить свойство z-index CSS: http://www.w3schools.com/cssref/pr_pos_z-index.asp

Basti 18 апр. 2014, в 11:08

0

Попробуйте следующее: #accordion {z-index:100;}

Jozsi 18 апр. 2014, в 11:02

0

Я пытаюсь это, и я положил .menu {z-index: 0;}, но не сработало ...: S
José Persichini 18 апр. 2014, в 12:36
0

Можете ли вы опубликовать свой HTML-код, пожалуйста. Или убедитесь, что div отображаемого текста не имеет большего z-индекса
Jozsi 18 апр. 2014, в 12:38
0

Я публикую HTML
José Persichini 18 апр. 2014, в 12:43
0

Ошибка в том, что мне нужен аккордеон на заднем плане, поэтому я поставил z-index: 0; позиция: относительная и отлично работает!
José Persichini 18 апр. 2014, в 12:50
0

Я думал, что ты хочешь аккордеон впереди :)
Jozsi 18 апр. 2014, в 13:05

Показать ещё 3 комментария

Ещё вопросы

Я пытаюсь это, и я положил .menu {z-index: 0;}, но не сработало ...: S
Можете ли вы опубликовать свой HTML-код, пожалуйста. Или убедитесь, что div отображаемого текста не имеет большего z-индекса
Ошибка в том, что мне нужен аккордеон на заднем плане, поэтому я поставил z-index: 0; позиция: относительная и отлично работает!
Я думал, что ты хочешь аккордеон впереди :)

Renjith · Accepted Answer · 2014-04-18T11-15-00.000Z

Пожалуйста, проверьте css. возможно, появится надпись z-index и позиция использования: относительно того же.

если вам нужен элемент поверх другого. Z-индекс элемента должен быть в порядке.

ex: верхний элемент z-index: 2, нижний элемент z-index должен быть меньше 2.

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

Надеюсь, что это поможет вам.

Ошибка в том, что мне нужен аккордеон на заднем плане, поэтому я поставил z-index: 0; позиция: относительная и отлично работает!