Как тень блока сделать выше бэкграунда?

Question

[Александр Токмаков]

Здравствуйте!
Вот код:

<style>
    .box1{
        background: #64DE79;
        height: 35px;
        box-shadow: 0 2px 3px #575555;
        z-index: 223;
    }
    .box2{ background: #259239;
        height: 40px;
        z-index: 1;
          }
</style>


<div class="box1">Block1</div>
        <div class="box2">Block2</div>

У меня тень от Block1 должна ложится на Block2. Но бэкграунд Block2 перекрывает тень.
Можете объяснить почему и как лечить? Спасибо!

Answer 1

[Евгений Низамиев]

в box1 надо добавить position:relative;

Comments

[Александр Токмаков]

Евгений Низамиев, ек-макарек. Точно! Спасибо! 4 минуты!!!! Я часа 1,5 ковырял

Answer 2

[Сергей Наломенко]

z-index отрабатывает только на объектах с position:relative, absolute и fixed