Помогите разобраться, почему не получается наложить слой с формой поверх канвас и видео для HTML5.
Стили такие:
<style>
body{
text-align:center;
font-family: arial;
width: 100%;
height: 100%;
}
.item {
display:inline-block;
width:100%;
margin:0px;
z-index: 1;
left: 0px;
top: 0px;
}
video {
width:100%;
height:100%;
border:0px dashed gray;
background: rgba(0,0,0,0,2);
z-index: -10;
left: 0px;
top: 0px;
}
canvas {
width:600px;
height:400px;
border:0px dashed gray;
background: rgba(0,0,0,0,2);
display: none;
z-index: -10;
left: 0px;
top: 0px;
}
input{
display:block;
width:100%;
}
</style>
Выводит всегда под окнами с <video></video>