22-03-2012, 02:10 AM
Merci pour toutes les idées.
Donc finalement mon test en cours est :
- un div conteneur qui contient le tout en relative
- une multitude de div qui vont s’occuper de créer la carte comme afficher dans l'exemple avec maintenant un z-index:-1 et en position absolute ( ce qui rend la carte beaucoup plus légère qu'une seule image de toute la carte )
- un div qui contient :
* un pixel de 1*1 transparent qui va servir de support pour la map area en z-index:2 et qui prend les 900px de large et 500px de haut pour couvrir toute la surface
* La map area fixer sur le pixel transparent
Dans tous les cas, je garderai ça au dessus pour garder l'interactivité.
- et un dernier div pour des divs généré en php selon la présence d'un objet ( planète, vaisseau, soleil etc... ) qui se placeront derrière le pixel transparent histoire de garder le map area actif en z-index : 1
La map area semble fonctionner mais j'ai pas eu le temps de tester plus ce soir, avoir l'idée c'est déjà pas mal. Je test demain et je vous tiens au courant !
Merci !
Donc finalement mon test en cours est :
- un div conteneur qui contient le tout en relative
- une multitude de div qui vont s’occuper de créer la carte comme afficher dans l'exemple avec maintenant un z-index:-1 et en position absolute ( ce qui rend la carte beaucoup plus légère qu'une seule image de toute la carte )
- un div qui contient :
* un pixel de 1*1 transparent qui va servir de support pour la map area en z-index:2 et qui prend les 900px de large et 500px de haut pour couvrir toute la surface
* La map area fixer sur le pixel transparent
Dans tous les cas, je garderai ça au dessus pour garder l'interactivité.
- et un dernier div pour des divs généré en php selon la présence d'un objet ( planète, vaisseau, soleil etc... ) qui se placeront derrière le pixel transparent histoire de garder le map area actif en z-index : 1
La map area semble fonctionner mais j'ai pas eu le temps de tester plus ce soir, avoir l'idée c'est déjà pas mal. Je test demain et je vous tiens au courant !
Merci !