Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.08.2012, 02:04
Интересующийся
Отправить личное сообщение для Allality Посмотреть профиль Найти все сообщения от Allality
 
Регистрация: 28.07.2012
Сообщений: 29

Проблема с 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;
}
Ответить с цитированием
  #2 (permalink)  
Старый 11.08.2012, 02:08
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Allality,
необходимый Код HTML вместе с соседним окном выложите (или лучше ссылку на страницу с траблом
Ответить с цитированием
  #3 (permalink)  
Старый 11.08.2012, 11:10
Интересующийся
Отправить личное сообщение для Allality Посмотреть профиль Найти все сообщения от Allality
 
Регистрация: 28.07.2012
Сообщений: 29

Прямо на главной странице по ссылке, указанной выше.

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>
Ответить с цитированием
  #4 (permalink)  
Старый 11.08.2012, 11:55
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Не совсем понял, что на что накладывается, если текст "Ваше мнение о магазине", так он и в хроме всегда выше
Ответить с цитированием
  #5 (permalink)  
Старый 11.08.2012, 13:03
Интересующийся
Отправить личное сообщение для Allality Посмотреть профиль Найти все сообщения от Allality
 
Регистрация: 28.07.2012
Сообщений: 29

На карточки дверей, вот картинка: http://img9.imageshack.us/img9/1641/cssz.png
Ответить с цитированием
  #6 (permalink)  
Старый 11.08.2012, 13:13
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

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;
}
Ответить с цитированием
  #7 (permalink)  
Старый 11.08.2012, 13:14
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Эта проблема в IE7
Ответить с цитированием
  #8 (permalink)  
Старый 11.08.2012, 13:41
Интересующийся
Отправить личное сообщение для Allality Посмотреть профиль Найти все сообщения от Allality
 
Регистрация: 28.07.2012
Сообщений: 29

Deff, не помогло. (

bes, у меня в IE9 (9.0.4) такой глюк.
Ответить с цитированием
  #9 (permalink)  
Старый 11.08.2012, 13:43
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Allality,
Ие 7-8 - работает - дайте ссылку на реальную страницу- возможно нет учета еще чего то
Ответить с цитированием
  #10 (permalink)  
Старый 11.08.2012, 13:56
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

У меня по указанному адресу в IE9 не работает только тогда, когда переключаюсь в режим совместимости с IE7
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с заключение картинки в ссылку. Iktash Элементы интерфейса 6 14.12.2012 09:37
связанные списки. проблема в сохранении выбора Juri jQuery 0 18.08.2011 17:44
Подключение плавной смены картинки: проблема Zuko jQuery 0 26.02.2011 14:03
Проблема с Popup окном vovuslik jQuery 5 12.06.2010 16:12
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47