Наведите курсор на z-index IE8 - PullRequest
Новая
       26

Наведите курсор на z-index IE8

0 голосов
/ 15 марта 2012

У меня очень простая настройка меню наведения JavaScript и CSS, кроме меню на моем веб-сайте.Он отлично работает почти везде, EXCEPT - существует проблема с z-index в IE8. 

.rolloverMenu {
    background-color: #4A5508;
    border-bottom: 1px solid #AC4718;
    border-left: 1px solid #AC4718;
    border-right: 1px solid #AC4718;
    box-shadow: 2px 2px 2px #AC4718;
    float: left;
    margin-left: -15px;
    margin-top: -12px;
    padding: 10px 10px 6px;
    position: absolute;
    width: 200px;
    z-index: 1000;
}

Он идет за моим контентом и не остается на вершинедолжен.Я знаю, что в IE есть разные правила наложения, поэтому есть какие-то предложения ??

(также пробовал установить значение z-index:9999;)

Ответы [ 2 ]

1 голос
/ 15 марта 2012

Установите z-index для div, за которым ваше меню прячется, до более низкого z-index, чем ваше меню.

0 голосов
/ 15 марта 2012

Решение для этого: добавить z-index в родительский контейнер (div, table, ul ... и т. Д.).

Пример: 

<div class="menu_container">
  menu here..
</div>
<div class="other_content">
  other data here
</div>

div.menu_container должениметь значение z-index, чтобы его содержимое проходило поверх других элементов div.

...