IE Z-index не работает с videojs - PullRequest
Новая
       11

IE Z-index не работает с videojs

2 голосов
/ 13 сентября 2011

У меня есть три абсолютно позиционированных дива

Один для ссылки логотип / меню. Один для меню. Один для содержания страницы.

Я использую JQuery slidetoggle, чтобы скрыть / показать меню, и предоставил высокий z-индекс для меню div. Я использую слайд-шоу JQuery для содержимого в div содержимого. Я также использую VideoJS для показа видео на одной из страниц в разделе содержимого.

Все страницы без VideoJS позволяют z-indexed меню показывать поверх содержимого div.

Проблема, с которой я столкнулся, заключается в том, что z-indexed меню не будет отображаться поверх содержимого div, если оно содержит VideoJS в IE. Он отлично работает во всех других браузерах.

Я загрузил их в Интернет. Может ли кто-нибудь помочь мне выяснить, где моя ошибка?

1 Ответ

3 голосов
/ 14 сентября 2011

С учетом того, что у меня не было времени взглянуть на код, это наблюдение может быть полезным:

В IE элемент не может иметь более высокий z-индекс, чем его родитель. Так, например, если у вас был этот код: 

<div id="container1" style="position:absolute;z-index:15">
   <div id="container1-child"  style="position:absolute;z-index:5"></div>
</div>

<div id="container2" style="position:absolute;z-index:5">
    <div id="container2-child" style="position:absolute;z-index:105"></div>
</div>

div # container2-child никогда не будет иметь z-индекс выше 5 в IE, даже если вы установите его равным 105.

...