Xpoint
   [напомнить пароль]

проблема с z-index в IE

Метки: [без меток]
2007-10-12 17:22:11 [обр] Андрей[досье]
Есть некоторое количество блоков, для которых задан relative (в коде .out), в них содержаться и относительно позиционируются другие блоки (в коде .in) В IE6 красные блоки оказываются ниже соседних розовых блоков. В приведенном коде я это показал, первый красный блок сделал длиннее и видно как он оказывается под следующим за ним розовым. В FF все нормально.
Спасибо.
<style>
#box {height:210px; border:1px dashed #ccc; padding:5px;}
.out {position:relative; float:left;
   width:200px; height:200px; margin-right:15px; background-color:#FFCCCC;}
.in {position:absolute; left:10px; top:10px;
   background-color:#FF0000; width:100px; height:100px; border:1px dashed blue;
   }
</style>
<div id="box">
   <div class="out">
      <div class="in" style="width:360px; height:120px; left:-10px; z-index:99;"></div>
   </div>
   
   <div class="out">
      <div class="in"></div>
   </div>
   
   <div class="out">
      <div class="in"></div>
   </div>
</div>
спустя 37 минут [обр] Андрей[досье]
Видимо дело в том что z-index для внутренних блоков распостраняется только на блоки внутри родителя. Это все объсясняет.
Тогда, либо переделывать все, либо.. посоветуете что нибудь?
спустя 9 часов [обр] Marat Tanalin(10/78)[досье]
Попробуйте разнести правила float: left и position: relative по разным блокам, вложив дополнительный блок с position: relative внутрь блока с float: left.
спустя 7 часов [обр] Евгений Петров(76/1055)[досье]
Или работать с z-index для тех блоков, которые позиционируются относительно:
<div class="out" style="z-index:1;">
  <div class="in" style="width:360px;height:120px;left:-10px;"></div>
</div>
спустя 3 минуты [обр] Евгений Петров(76/1055)[досье]
Кстати, в варианте Marat Tanalin[досье] с добавлением блока, работать с z-index все равно нужно будет с тем блоком, который позиционируется относительно. Иначе блок, позиционируемый абсолютно в последующем блоке перекроет такой же элемент в предыдущем по коду блоке.
Powered by POEM™ Engine Copyright © 2002-2005