Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.07.2011, 00:08
Аватар для khusamov
Соединяю Node.js и Ext JS
Отправить личное сообщение для khusamov Посмотреть профиль Найти все сообщения от khusamov
 
Регистрация: 25.06.2009
Сообщений: 1,033

Проблема с position
Здравствуйте!
Никак не могу найти причину следующей проблемы.

Выпадающее главное меню (просто навести мышку на пункт меню Материалы, например) на этой странице:

http://mebel-gem.ru/shop/wardrobes/wardrobes-raumplus/

отображается под картинками товаров (то есть под элементами у которых position: relative).

Это происходит только в MSIE.

В чем причина такого поведения?
Ответить с цитированием
  #2 (permalink)  
Старый 06.07.2011, 02:40
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,478

z-index?
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 06.07.2011, 09:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,115

Сообщение от khusamov
В чем причина такого поведения?
Считается что эти элементы "выше" в потоке, потому и перекрываются теми что "ниже"...

Помогает
Сообщение от Aetae
z-index
- перестановка элементов
- изменение значения position
Ответить с цитированием
  #4 (permalink)  
Старый 06.07.2011, 10:33
Профессор
Отправить личное сообщение для da_ff Посмотреть профиль Найти все сообщения от da_ff
 
Регистрация: 12.05.2009
Сообщений: 317

Это один из редких случаев, когда ie ведет себя "правильнее" других браузеров. Проблема в z-index родителей элементов. Поскольку он у них не указан, то большинство браузеров видимость определяют по z-index накладываемых элементов, игрорируя z-index родителей. IE же полагает, что z-index родителей равен и соответсвенно блок позже располагаемый в потоке оказывается выше предыдущего. Для примера можете задать z-index родителям меню и картинок товаров и увидете, что все браузеры будут вести себя как ie.
Чтобы это исправить надо соответственно указать родителям меню и картинок правильные z-index.

В вашем случае добавьте элементу
div.GeometrymMenu{position:relative; z-index:1}
Ответить с цитированием
  #5 (permalink)  
Старый 08.07.2011, 12:16
Аватар для khusamov
Соединяю Node.js и Ext JS
Отправить личное сообщение для khusamov Посмотреть профиль Найти все сообщения от khusamov
 
Регистрация: 25.06.2009
Сообщений: 1,033

da_ff,
Спасибо! Ваше решение работает)))
Ответить с цитированием
  #6 (permalink)  
Старый 29.06.2012, 00:21
Аватар для khusamov
Соединяю Node.js и Ext JS
Отправить личное сообщение для khusamov Посмотреть профиль Найти все сообщения от khusamov
 
Регистрация: 25.06.2009
Сообщений: 1,033

Перешел на новую версию jQuery и проблема изменилась. Теперь правило:

div.GeometrymMenu{position:relative; z-index:1}


в MSIE почему-то вообще скрывает меню куда-то.
Ответить с цитированием
  #7 (permalink)  
Старый 29.06.2012, 00:25
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от khusamov
Перешел на новую версию jQuery и проблема изменилась. Теперь правило:

div.GeometrymMenu{position:relative; z-index:1}

почему-то скрывает меню вообще куда-то.
При повторном наведении меню исчезает - при первом - норма
ИЕ7
Ответить с цитированием
  #8 (permalink)  
Старый 29.06.2012, 00:27
Аватар для khusamov
Соединяю Node.js и Ext JS
Отправить личное сообщение для khusamov Посмотреть профиль Найти все сообщения от khusamov
 
Регистрация: 25.06.2009
Сообщений: 1,033

Так... похоже это происходит начиная с MSIE 8.
Я сейчас это смотрю в 8-ке.
Ответить с цитированием
  #9 (permalink)  
Старый 29.06.2012, 00:28
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

khusamov,
При повторном наведении в ИЕ7 исчезает всё меню

так шо не ток 8
Ответить с цитированием
  #10 (permalink)  
Старый 29.06.2012, 00:31
Аватар для khusamov
Соединяю Node.js и Ext JS
Отправить личное сообщение для khusamov Посмотреть профиль Найти все сообщения от khusamov
 
Регистрация: 25.06.2009
Сообщений: 1,033

сначала бы разобраться чего оно вообще не отображается сразу после загрузки...
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Водяной знак на fancybox bobrina Общие вопросы Javascript 1 03.06.2011 21:11
Проблема с переменной Luke Элементы интерфейса 5 20.05.2011 15:47
Проблема с Popup окном vovuslik jQuery 5 12.06.2010 16:12
Проблема с CSS COKOJIOB (X)HTML/CSS 5 04.08.2009 14:19
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47