Как сделать так, чтобы один html элемент закрывал другой?

Question

[danielfischer]

Доброго времени суток!
Имеются несколько канвасов.

<canvas height="300" width="300"></canvas>
<canvas height="300" width="300"></canvas>

Заранее благодарен!
Нужно сделать так, что-бы один из них закрывал другой, и что-бы положение одного из канвасов "сверху" регулировалось наличием отдельного класса. Как сделать незнаю.

Answer 1

[Vadim Stepanenko]

position: absolute + z-index + position: relative у родителя

Answer 2

[Максим Тимофеев]

1. вариант
.otdelniy-class {display:none;}
2. вариант
.otdelniy-class {margin-top: -300px;}
3. вариант

canvas {
position: absolute;
top: 0;
left:0;
z-index:5;
}
canvas.otdelniy-class {z-index:6;}