Z-index test

by mrmartineau

HTML

<div id="box" class="intro group">
        
    <img src="http://placehold.it/400" />
        
    <a id="front_mag" class="covers" href="#">&nbsp;</a>
        
    <div id="front_supplement" class="covers">&nbsp;</div>
    
</div><!-- /box -->

CSS

#box.intro {
        position:relative;
        height:400px;
        width: 400px;
}
#front_mag,
#front_supplement {
        width:50%;
        position:absolute;
        display:block;
        top:0;
        bottom:0;
        z-index:500;
}
a {
        background-color:blue;
}
#front_mag {
        left:0;
}
#front_supplement {
        right:0;
}
/*#box.intro img {
        z-index: 1;
        position:relative;
}*/