11-07-2011, 11:05 AM
perso j'utilise plusieurs DIV avec des z-index croissants:
<div id="carte" style="position: relative;background:url('mon_image_de_carte'); width:300px;heidht:300px;top:100px;left:100px;z-index:0;">
<!-- Les cases "basique" -->
<div id="case_X_Y" style="position: absolute;background:url('mon_image_de_carte'); width:300px;heidht:300px;top:100px;left:100px;z-index:1;">
<a href="javascript: optionsCase(54)">
<img src="images/spacer_30_30.gif" alt="test spacer"/>
</a>
</div>
<!-- Les cases "décors" -->
<a href="javascript: optionsCase(55)">
<div style="background:url('image_du_decors');position: absolute; top: (calcul)px; left: (calcul)px; border: 1px solid black; width: (taille_case - 1)px; height: (taille_case - 1)px; z-index: 2">
</div>
</a>
</div>