Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: меньший z-index не работает в IE для div с position: absolute
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » меньший z-index не работает в IE для div с position: absolute

Страниц (1): [1]
 

1. SergeantPEPPER - 30 Марта, 2009 - 15:02:20 - перейти к сообщению
Добрый день, есть 2 блока. У одного position: relative у другого position: absolute
Теперь позиционируем слоями:

у 1-го блока z-index: 2
у 2-го блока z-index: 1

Везде работает, кроме IE... Как всегда

Если кто нибудь может помочь напишите или дайте ссылку. Проект горит......
2. Champion - 30 Марта, 2009 - 15:30:24 - перейти к сообщению
PHP:
скопировать код в буфер обмена
  1. <html>
  2. <body>
  3.         <div style='{position: absolute; z-index:1; top:0; top:0}'>
  4.                 <font color=red >_______</font>
  5.         </div>
  6.         <div style='{position: absolute; z-index:2; top:0; top:0}'>
  7.                 <font color=green>___</font>
  8.         </div>
  9. </body>
  10. </html>
Вот это у меня в IE и FF одинаково работает. Зеленая черточка поверх красной оказывается
3. SergeantPEPPER - 30 Марта, 2009 - 17:03:11 - перейти к сообщению
Все. спасибо - я разобрался. Оказалось не указал у div-а того же уровня правильный z-index

Резюме: если просто задавать z-index любому div-у не взирая на его родителя - в ИЕ работать не будет..
4. Champion - 31 Марта, 2009 - 09:32:39 - перейти к сообщению
SergeantPEPPER пишет:
если просто задавать z-index любому div-у не взирая на его родителя - в ИЕ работать не будет..
Что-то я не понял. Пример кода есть какой-нибудь?
5. SergeantPEPPER - 06 Апреля, 2009 - 14:33:09 - перейти к сообщению
Пример того кода уже наверное не найду. Но могу изобразить схематически:

CODE (text):
скопировать код в буфер обмена
  1. <div id="name1" class="lev1">
  2.  
  3.  <div id="name2" class="lev2">
  4.  </div>
  5.  
  6. </div>
  7.  
  8. <div id="name3" class="lev1">
  9.  
  10.  <div id="name4" class="lev2">
  11.  </div>
  12.  
  13. </div>


lev0-1 - этим я подчеркнул вложенность блоков. Допустим у name1 свойство z-index не указано вообще,
у name3 указано, например, 2
у name4 указано 2
у name2 указано 3

Я ожидал увидеть, что name2 перекроет собой name name4, но оказалось предварительно необходимо укзаать z-index у содержащего его блока name1

 

Powered by ExBB FM 1.0 RC1