position: relative; в IE

@TimeTwo · Регистрация: 29.11.2009

Студворк — интернет-сервис помощи студентам

есть меню состоящие из div`ов cо свойством display:none при наведении на некую область ява меняет display: none; на display: block; и div с меню всплывает поверх всех остальных (во всех браузерах было достигнуто путем задания у всплывающего diva position: relative; ,но в IE всех версий отображается не так, как нужно. Все элементы стоящие справа от всплывшего diva смещаются на его ширину ( то есть он больше не вылезает поверх всего) ...

собственно вопрос ... что сделать чтобы IE отображал всплывающий div поверх всего?

@Tesla · 26.06.2012, 18:45

Попробуй поставить

CSS
1
z-index:0;

тот елемент который выше должен иметь значение зед индекса большое чем елементы которые должны находица под ним

Немного не понял, но может поможет position:absolute; ?

@TimeTwo · 26.06.2012, 20:37 **[ТС]**

z-index:0; не помогает
есть 5 div`ов в ряд допустим width: 5рх; height: 5рх; а в них большие дивы 100 на 100 с display: none; и при наведении на маленький display: none; меняется на block в IE этот большой див отображается но сдвигает собой маленькие , чего быть не должно ... по крайней мере в других браузерах все отлично ...

@newJS · 26.06.2012, 21:43

Сообщение от TimeTwo

в IE этот большой див отображается но сдвигает собой маленькие , чего быть не должно

А как быть с этим?

...relative — относительное. Положение элемента вычисляется в соответствии с нормальным потоком, однако затем элемент смещается относительно нормального потока на величины, определенные значениями свойств top, bottom, left и right, о которых будет сказано ниже. Последующие элементы в нормальном потоке позиционируются так, будто бы данный элемент не был смещен....

так должно работать

HTML5
1
2
3
<div style="width:5px; height:5px; position:relative;">
<div style="width:100px; height:100px; position:absolute; top:0px; left:0px;">text</div>
</div>

@TimeTwo · 27.06.2012, 15:11 **[ТС]**

position: absolute; у маленького помог спасибо , но тут же возникла другая проблема .... маленькие div`ы отображаются поверх большого ... в опере z-index: 1; решил проблему , в IE z-index: 1; не помог ...

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

@TimeTwo 102 / 95 / 104 Регистрация: 29.11.2009 Сообщений: 407

	position: relative; в IE 26.06.2012, 17:33. Показов 2566. Ответов 4 Метки нет (Все метки) есть меню состоящие из div`ов cо свойством display:none при наведении на некую область ява меняет display: none; на display: block; и div с меню всплывает поверх всех остальных (во всех браузерах было достигнуто путем задания у всплывающего diva position: relative; ,но в IE всех версий отображается не так, как нужно. Все элементы стоящие справа от всплывшего diva смещаются на его ширину ( то есть он больше не вылезает поверх всего) ... собственно вопрос ... что сделать чтобы IE отображал всплывающий div поверх всего? 0

@TimeTwo 102 / 95 / 104 Регистрация: 29.11.2009 Сообщений: 407
	26.06.2012, 20:37 [ТС]
	z-index:0; не помогает есть 5 div`ов в ряд допустим width: 5рх; height: 5рх; а в них большие дивы 100 на 100 с display: none; и при наведении на маленький display: none; меняется на block в IE этот большой див отображается но сдвигает собой маленькие , чего быть не должно ... по крайней мере в других браузерах все отлично ... 0

@TimeTwo 102 / 95 / 104 Регистрация: 29.11.2009 Сообщений: 407
	27.06.2012, 15:11 [ТС]
	position: absolute; у маленького помог спасибо , но тут же возникла другая проблема .... маленькие div`ы отображаются поверх большого ... в опере z-index: 1; решил проблему , в IE z-index: 1; не помог ... 0