<div id="relative">
     <div id="absolute1"></div>
     <div id="absolute2"></div>
</div>

#relative {
     position:relative;/*то есть все дочерние элементы будут позиционироваться относительно этого*/
     width:100px;
     height:300px;
     border:1px sold #000;/*это для большей наглядности*/
}
#absolute1 {
     position:absolute;
     z-index:1;/*нижний слой*/
     width:100px;
     height:300px;
     background:url(image1.png) transparent;
}
#absolute2 {
     position:absolute;
     z-index:2;/*верхний слой*/
     width:100px;
     height:300px;
     background:url(image2.png) transparent;
}

#button {
    position:relative;
    z-index:3;
    height:100px;
    width:300px;
}

<div id="relative">
     <div id="absolute1"></div>
     <div id="absolute2"></div>
     <div id="button"></div>
</div>

<div id="class"><img src="/img.jpeg" /></div>

#class{
background:url(img.png) no-repeat;
width:100px;
height:100px;
}