11540 sujets

JavaScript, DOM et API Web HTML5

Rebonjour,

toujours sur cette page http://associationzyggy.free.fr/SurMaTableDeChevet/index.php
Je note un comportement différent entre Firefox et IE

Sur Firefox, ça fait bien ce que je veux, c'est à dire qu'en passant la souris sur un bouton à gauche, celui-ci se décale légèrement, le pointer devient un doigt et je viens écrire en haut dans une div de debug qui sera cachée à terme le nom du bouton que je survole.

En fait, j'ai une div avec un z-index élevé qui surmonte toute ma page et à chaque mousemove, je viens regarder si la souris pointe actuellement sur l'un des boutons. Palliatif à la non-remonté DOM)

Avec IE, c'est chaotique !! Je peux survoler des boutons sans que rien ne semble se produire, le pointer en forme de doigt n'est actif que dans les 4 coins transparent de la boite englobant mes boutons, et les entrée sorties de zones sont très mal gérées

Je pensais que jquery était une couche qui permettait de s'affranchir de IE Smiley sweatdrop
Je viens de trouver un contournement à ce problème, et je le note ici pour ceux que ça peut intéresser : En fait cette <div> avec un z-index élevé qui surmonte toute ma page pour capturer les mouvement de la souris, cette <div> donc était transparente. Il semble que IE ne la prenait alors pas en compte. En lui affectant via le css une couleur quasi transparente, IE la prend maintenant en compte
#cliquablediv
{   
  z-index: 20; 
  background-color: rgba(0, 0, 0, 0.1);
}