Question

It seems like z-index doesn’t work with a div that has absolute position and that is relative to another div? I want the div that has absolute position to be below the other one, but I only get the opposite. Is there a way to solve this?

Answer 1

This example will show you the codes to make one div appear on top of another with positioning.

HTML

<div class="one">On top!</div>
<div class="two">Underneath</div>

CSS

.one
{
    height: 100px;
    width: 100px;
    background-color: #ff0;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 1;
}

.two
{
    height: 100px;
    width: 100px;
    background-color: #f0f;
    position: relative;
    left: 10px;
    z-imdex: 2;
}

---

Update: Use only positioning to get the effect you want.

Look here.