Вопрос: set Z index не работает. за контейнером (HTML-CSS)


Я использую Metro css (стиль Windows 8) и имею проблему. У меня есть контейнер с предупреждениями (синий на картинке), и выше, есть «IT-CENTER», если я нажму там, откройте кнопку. проблема в том, что кнопка за контейнером. Я пытаюсь установить индекс Z контейнера равным -1, и это не поможет. enter image description here

выпадающий список с кнопкой (IT-CENTER):                                               IT-CENTER                                                         

              <li style="z-index:3"><a href="Login.aspx">התנתק</a></li>
           </ul>
        </div>

и контейнер (синий):

 <div id="alerts-container" style="z-index:-1">
         <div id="toast-example1" class="toast toasttext02 fade in">
            <button type="button" class="close" data-dismiss="alert"></button>
            <div class="pull-left">
               <div class="toast-object icon-info-4"></div>
            </div>
            <div class="toast-body" style="text-align:right">

(это без закрывающих тегов ..)

что мне делать?

благодаря!!


4


источник


Ответы:


  1. Вы должны установить position:relative если вы устанавливаете z-index - это очень важно и может привести к вашей ошибке

  2. Если метод 1 не помогает, попробуйте установить z-indexes к возможным родителям этой кнопки (могу сказать, что я не вижу ваш код)


16



overflow: hidden;

для родителя DIV работал для меня


1