z-index

[cyklop77]

помогите пожалуйста решить проблему

на странице z-index блока

.header .nav_top_1 ul li a.punkt_1 больше чем z-index блока

.wrap .leaf_top_left . однако блок

.wrap .leaf_top_left всё таки перекрывает блок

.header .nav_top_1 ul li a.punkt_1 в частности и блок

.header .nav_top_1 в общем

в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно

Edited June 4, 2012 by cyklop77

[v01d0s]

А нельзя просто обрезать картинку с листиком по самый кончик?

Или просто этому блоку указать высоту к примеру 143px..

Edited June 4, 2012 by v01d0s

[cyklop77]

А нельзя просто обрезать картинку с листиком по самый кончик?

Или просто этому блоку указать высоту к примеру 143px..

пожалуй да. сплю уже. но всё таки хотелось бы знать решение поставленной проблемы так как поведение z-index нелогично

[Great Rash]

z-index отсчитывается относительно родителя.

<div style="position: absolute; z-index: 1;">
  <span style="position: absolute; z-index: 999;">test 1</span>
</div>

<div style="position: absolute; z-index: 2;">
  <span style="position: absolute; z-index: 1;">test 2</span> <!-- этот блок будет выше, потому что 2 > 1 -->
</div>