Как дочернему элементу выставить z-index больше родительского?

Question

[nanny_ogg]

структура такая

<div class="slide" id="slide_0">
   <a href="http://example.ru/news/detail/?id=769" class="all"></a>
   <img src="/upload/iblock/135/135355c00cc888d92cbedf7b77f4e8e9.png" alt="" class="layer2" style="margin-left: -300px; opacity: 1; left: -40px;">
   <img src="/bitrix/templates/example/thrash/slide3_2.png" alt="" class="layer3" style="margin-left: 300px; opacity: 1; left: 200px;">
   <img src="/bitrix/templates/example/thrash/slide3_3.png" alt="" class="layer4" style="margin-left: 300px; opacity: 1; left: 150px;">
   <img src="/bitrix/templates/example/thrash/slide3_4.png" alt="" class="layer5" style="margin-left: 300px; opacity: 1; left: 100px;">
   <img src="/upload/iblock/9a8/9a8e4f50550ebb861946011c75dccd61.png" alt="" class="layer6" style="margin-left: -300px; opacity: 1; left: -60px;">
   <img src="/bitrix/templates/example/thrash/slide3_6.png" alt="" class="layer7" style="margin-left: -300px; opacity: 1; left: -120px;">
   <div class="slide_text" style="margin-left: 0px;">
     <div class="helper"></div>
     <div class="text_content">
       <div class="st_header" style="margin-left: -300px;">
                  Текст              </div>
       <div class="st_body" style="margin-left: -300px;">
         <a class="show_popup_form_container" value="feedback_questionnaire" onclick="form_show_hide(event, this);" name="show">Подать заявку</a>                
        </div>
     <div class="st_details_btn" style="margin-left: -300px;">
                  &nbsp;
      </div>
     </div>
   </div>
</div>

Как-то можно сделать, чтобы блок

<div class="st_body" style="margin-left: -300px;">
  <a class="show_popup_form_container" value="feedback_questionnaire" onclick="form_show_hide(event, this);" name="show">Подать заявку</a>                
</div>

показывался поверх всего?

Answer 1

[iBird Rose]

ну он структуры мало что можно понять. лучше залей на jsfiddle.net
а вообще вангую поставь другим элементам position: relative и подними z-index у нужного тебе
p.s. и не используй overrflow: hidden

Answer 2

[trushka]

Вообще я так понял это попап какой-то? Так цепляйте его в конец body - тогда его точно можно выше всего вывести. А так, могут быть какие-то свойства родительского элемента (opacity, filter, ещё что-то), из-за которых браузер соберёт всё содержимое в один слой и "выше" него ничего внутри поднять не получится