parent - child - zindex -1

by Reiot

HTML

<div id="marker" class="marker"><div class="shadow"></div></div>
<div id="marker2" class="marker"><div class="shadow"></div></div>

CSS

.marker {
    position: absolute;
    width: 100px;
    height: 100px;
}

.shadow {
    position: absolute;
    left: 25px;
    top: 50px;
    width: 50px;
    height: 100px;
    background-color: gray;
    z-index: -2;
}

#marker {
        left: 100px;
    top: 100px;
    background-color: yellow;
}

#marker2 {
       left: 200px;
    top: 100px;
    background-color: red;
    z-index: 100;
}

JavaScript

$(function(){
    $('#marker').add('#marker2').draggable();
});