Проблема с Z-index с подсказкой в ​​IE7

Question

У меня всплывающее всплывающее окно с индексом z на самом высоком уровне. Когда пользователь нажимает всплывающую подсказку в IE7, он отображается под контентом на странице, а не над ним. Эта проблема возникает только в IE7.

.tipBody { 
    background-color: #FFFFFF; 
    border: 1px solid #000; 
    margin-top: -18px; 
    padding: 10px; 
    z-index: 9999; 
    position: relative; 
} 

Answer 1

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

.tipBody { 
    background-color: #FFFFFF; 
    border: 1px solid #000; 
    margin-top: -18px; 
    padding: 10px; 
    z-index: 9999 !important; 
    position: relative; 
} 

Смотрите, если это работает.

Answer 2

В IE позиционированные элементы следуют другому порядку укладки. Обычно вы можете исправить это, предоставив родительскому элементу более высокий индекс z.

Я предлагаю вам прочитать следующую ссылку, это дает вам хорошее объяснение проблемы, и как вы можете ее решить.

http://www.brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

Надеется, что это помогло.