Странное поведение z-index

[Evkaky]

Сверстал попап

http://jsfiddle.net/pbhAb/

Делаю так: затемняющая подложка <div class="popup_overlay"> и внутри нее сам попап <div class="popup">

В итоге, подложка, почему-то затемняет мой попап, но по логие это не возможно. У подложки z-index: 100, а у попапа z-index: 101.

Если подложку и попап сделать элемнтами-соседями, то тогда всё в порядке

<div class="popup_overlay"></div>
<div class="popup"></div>

1) Почему это происходит?

2) Зачем вы поставили дефолтный скин ИПБ? Он ведь не торт(

[hypnocolor]

Потому что у .popup_overlay стоит прозрачность, которая влияет на все элементы, которые в нём находятся, в том числе и на сам попап. Поэтому кажется, что оверлей его перекрывает. В этой ситуации нужно заменить у .popup_overlay значение свойства background:

background: rgba(0,0,0,.5);

, а opacity вообще убрать.