Exercice de type "Glisser-déposer" - Zones qui se chevauchent

Bonjour, 

J'aimerai savoir si l'un d'entre vous a-t-il déjà produit un exercice de type "glisser-déposer" avec des des zones qui se chevauchent ?

Je rencontre la problématique suivante : j'ai une zone A et un zone B recevant chacune une image. La zone A se trouve en arrière plan de la zone B. Lorsque l'exercice est terminé l'image placé en zone B doit apparaitre par-dessus l'image placée en zone A. Problème : lorsque l'apprenant place d'abord l'image en zone B puis l'image en zone A, l'image de la zone B est masquée…

Savez-vous si il est possible de conserver cet ordre d'affichage quelque soit l'ordre dans lequel l'apprenant place les éléments ? si non, est-il au moins possible de replacer l'image B devant l'image A lorsque l'apprenant clique sur le bouton "submit" ?

 

Merci d'avance pour aide...