Установить Z индекс не работает. кнопка за контейнером (HTML - CSS)
Я использую Metro CSS (стиль Windows 8) и есть проблема. У меня есть контейнер с предупреждениями (синий на картинке), и выше, есть "IT-ЦЕНТР", если я нажимаю там, он открывает кнопку. проблема в том, что кнопка позади контейнера.. Я пытаюсь установить индекс Z контейнера в -1, и это не помогает.
выпадающий список с кнопкой (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">
(это без закрывающих тегов..)
что я должен делать?
Спасибо!!
2 ответа
Решение
Вы должны установить
position:relative
если вы устанавливаетеz-index
- это очень важная вещь и может привести к вашей ошибкеЕсли метод 1 не помогает, попробуйте установить
z-index
это возможные родители этой кнопки (могу точно сказать, что я не вижу ваш код)