Проблема меню z-index с bxslider в IE7

Я использую выпадающее меню поверх ползунка BX, но я просто не могу заставить его отображаться сверху в IE7! Я везде искал ответ, относительная позиция только для дочернего элемента, похоже, не работает. Пожалуйста, может кто-нибудь помочь?

Вот тестовая страница:http://theturning.co.uk/AMBA-NEW/

Ps - я проверил и попробовал другие сообщения на SO об ошибке IE z-index, но у меня ничего не работает.


jquery css bxslider internet-explorer-7
person theturning    schedule 18.02.2013    source источник
comment
так что .submenu { position: relative; z-index: 3000; } не работает, верно?   -  person jjj    schedule 18.02.2013

Ответы (2)


arrow_upward
1
arrow_downward

Я обнаружил, что эти проблемы обычно связаны с родительским контейнером, не имеющим набора z-index. Попробуйте установить z-index для элемента заголовка на 1

header {
   z-index: 1;
}
person DannyBoy    schedule 18.02.2013
comment
Я проверил это в IE 7, и добавление z-index к элементу заголовка сработало. - person DannyBoy; 18.02.2013

arrow_upward
0
arrow_downward

Я столкнулся с такой же проблемой, и я исправил, как показано ниже,

рассмотрите раскрывающееся меню навигации, как показано ниже,

<ul id="nav">
    <li>Menu Item 1</li>
    <li>Menu Item 2
        <ul>
            <li>Sub Menu Item 1</li>
            <li>Sub Menu Item 2</li>
            <li>Sub Menu Item 3</li>
        </ul>
    </li>
    <li>Menu Item 3
        <ul>
            <li>Sub Menu Item 1</li>
            <li>Sub Menu Item 2</li>
        </ul>
    </li>
</ul>

Установите z-index для всех дочерних и внучатых элементов, как показано ниже:

ul#nav * { z-index:9999 } /* maximum zoom index as your wish */
person Prakash Thangavelu    schedule 15.11.2013