Проблема с z-index в IE
Использую небольшой CSS прием для отображения "подсказки" при наведении на картинку: dveriekaterinburg.ru (желто-черная картинка со знаком вопроса).
В Chrome, Opera отображается нормально, но в IE текст от соседнего окна накладывается поверх. Думал проблема с z-index, но не уверен. Подскажите, как можно исправить? Вот код: span.vopros {
position: relative;
cursor: help;
}
span.vopros span.otvet {
display: none;
}
span.vopros:hover span.otvet {
display: block;
z-index: 1;
position: absolute;
left: 18px; top:18px;
width: auto;
padding: 5px 9px 7px 9px;
border: 1px solid #000000;
background-color: #fffa2d;
text-align: justify;
color: #000;
}
|
Allality,
необходимый Код HTML вместе с соседним окном выложите (или лучше ссылку на страницу с траблом |
Прямо на главной странице по ссылке, указанной выше.
HTML код оттуда: <div class="vopros_zn"> <span class="vopros"><img src="/kartinki/vopros.png" /><span class="otvet" style="width: 300px;"> <strong>Глухое полотно</strong> - простая дверь без каких-либо вставок из стекла, а также без рельефных элементов.<br /><br /> <strong>Филенчатое полотно</strong> - отличается от глухого тем, что имеет рельефные элементы.<br /><br /> <strong>С матовым стеклом</strong> - дверь с полупрозрачным матовым стеклом (еще его называют сатиновым).<br /><br /> <strong>С витражным стелком</strong> - дверь с художественным рисунком на стекле, иногда объемным.<br /><br /> <strong>Триплекс</strong> - дверь с многослойным стеклом, которое при ударе не разлетается на осколки. </span></span> </div> |
Не совсем понял, что на что накладывается, если текст "Ваше мнение о магазине", так он и в хроме всегда выше
|
На карточки дверей, вот картинка: http://img9.imageshack.us/img9/1641/cssz.png
|
span.vopros {
position: relative;
cursor: help;
}
span.vopros span.otvet {
display: none;
}
span.vopros:hover span.otvet {
display: block!important;
z-index: 1000!important;
position: absolute!important;
left: 18px; top:18px;
width: auto;
padding: 5px 9px 7px 9px;
border: 1px solid #000000;
background-color: #fffa2d;
text-align: justify;
color: #000;
}
|
Эта проблема в IE7
|
Deff, не помогло. (
bes, у меня в IE9 (9.0.4) такой глюк. |
Allality,
Ие 7-8 - работает - дайте ссылку на реальную страницу- возможно нет учета еще чего то |
У меня по указанному адресу в IE9 не работает только тогда, когда переключаюсь в режим совместимости с IE7
|
Цитата:
Deff, каталог на главной странице. HTML часть каталога, указанная выше грузится через Ajax, а CSS находится в статичном файле. |
Allality,
Хм - а на сайте такая же феня- как и в Вопросе Пробуйте еще Цитата:
|
Не помогло.
|
Allality,
У меня возникла идея - подозрение - что суть в динамической установке фона Пробуйте заменить прошлое css span.vopros {
position: relative;
cursor: help;
}
span.vopros span.otvet {
display: none;
z-index: 1000!important;
position: absolute!important;
left: 18px; top:18px;
width: auto;
padding: 5px 9px 7px 9px;
border: 1px solid #000000;
background-color: #fffa2d;
text-align: justify;
color: #000;
}
span.vopros:hover span.otvet {
display: block!important;
}
|
Также работает. :(
|
Цитата:
|
Цитата:
|
Цитата:
|
Allality,
Вообщем Вы не туда вставляли потестил всё ок Вставьте сразу перд тегом закрытия body Такой код <style type="text/css">
div.vopros_zn{
position:relative;
z-index:100;
}
</style>
</body>
|
| Часовой пояс GMT +3, время: 18:37. |