Проблема с z-index в IE7 для всплывающей подсказки

Question

У меня есть всплывающая подсказка jQuery, которая корректно работает во всех других браузерах (включая IE8), но всплывающее окно попадает под содержимое страницы.

#datasearch2-tooltip .tipBody 
{ 
    background-color: #FFFFFF; 
    border-radius: 10px 10px 10px 10px; 
    margin-top: -18px; 
    padding: 10px; 
    -moz-box-shadow: 10px 0 0 15px #000; 
    -webkit-box-shadow: 0 0 15px#000; 
    box-shadow: 0 0 15px #000; 
    z-index: 9999; 
} 

Z-индекс 9999 должен установить всплывающую подсказку над всем содержанием, как это происходит в других браузерах. У кого-нибудь есть идеи?

Answer 1

Вам нужно добавить position правило:

#datasearch2-tooltip .tipBody 
{ 
    background-color: #FFFFFF; 
    border-radius: 10px 10px 10px 10px; 
    margin-top: -18px; 
    padding: 10px; 
    -moz-box-shadow: 10px 0 0 15px #000; 
    -webkit-box-shadow: 0 0 15px#000; 
    box-shadow: 0 0 15px #000; 
    z-index: 9999; 
    position: relative; 
} 

z-index затрагивает только те элементы, которые имеют положение набора (кроме position: static)

Посмотрите на this page для получения дополнительной информации о г-индекс