Есть ли обходной путь для контекстов стекирования z-index?

Question

Образец задачи

Пусть будет 3 деления.

<div id="div1"><div id="div2"></div></div>
<div id="div3" />

Если у div2 более высокий z-индекс, чем у div3, но у div1 более низкий z-индекс, чем у div3, то div2 будет показан ниже div3.

Есть ли способ, чтобы div2 был выше div3, не изменяя z-индекс div1 или не делая div2 родным для div1 / div3?

Answer 1

Используя HTML, который вы дали выше:

#div1{
    width: 200px;
    height: 200px;
    z-index: 30;
    border: 1px solid black;
}
#div2{
    width: 150px;
    height: 150px;
    z-index: 35;
    border: 1px solid black;
    position: relative;
    top: 70px;
    left: 10px;
    background-color: red;
}
#div3{
    width: 200px;
    height: 200px;
    z-index: 32;
    border: 1px solid black;
    background-color: lime;
    position: relative;
    top: -30px;
    left: 40px;
}

Это похоже на работу, по крайней мере, на FF и IE 8

Answer 2

К сожалению нет. Пока у div1 более высокий z-индекс, чем у div3, все в div1 будет отображаться выше div3.