1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML

Probleme de superposition div / menu (z-index ?) [Résolu]

Signaler
Messages postés
436
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
2 juillet 2014
 -
Messages postés
436
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
2 juillet 2014
 -
Bonjour,

J'ai expressément besoin d'un code en CSS ou en JS qui m'afficherais une image au survol d'un lien. (ce lien est une image)
J'ai trouvé exactement ce que je cherchait, tout marche bien, mais mon probleme est que mon menu déroulant passe en dessous de mon image ayant le lien.

J'ai pensé que c'était unr histoire de z-index, mais apparemment ça ne change rien.

Voici le code CSS de mon "infobulle" 


<style>
a.info
{
  position: relative;
  text-decoration: none;
  color: black;
  border-bottom: 1px gray dotted;
}
a.info span
{
  display: none;
}
a.info:hover 
{
  background: none; /* correction d'un bug IE */
  z-index: -1;
}
a.info:hover span
{
  display: inline;
  position: absolute;
  top: 8em;
  left: 3em;
  background: orange;
  text-align: center;
  color: white;
  padding: 2px;
}
</style>



Quelqu'un peut-il m'aider s'il vous plait ?
C'est assez urgent sinon je vais me faire tapper sur les doigts

Merci beaucoup d'avance.

Ju'

3 réponses

Réponse 1 / 3
Messages postés
436
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
2 juillet 2014
 4
Bon en fait j'ai résolu mon probleme (je ne me ferais pas tapper sur les doigts je suis dans les temps :) )

Mon probleme étaient en fait tout bête, je n'avais pas prédéfini de z-index dans mon menu, malgré que j'étais sûr l'avoir fait, j'ai dit mis un z-index à 10 pour mon menu, et 1 pour le script que j'ai copié/collé plus haut.

Cela marche très bien.
Testé sous IE8, FF, Mozilla, Opera, Safari, Chrome

Ne marche pas sous NetScape. (mais à la limite on s'en f**) lol


Merci à vous.

Ju'
Réponse 2 / 3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
 11
Bonjour,

1° >>C'est assez urgent
vous n'êtes pas dans la bonne section alors,
si c'est urgent allez donc voir ici


2° >>je vais me faire tapper sur les doigts
dites lui de le faire lui même !
s'il est capable de vous taper sur les doigts
c'est qu'il est capable de faire

3° le html ( enfin uniquement l'extrait nécessaire )
serait le bienvenu, sinon il faut qu'on le tape ?
en plus ça ne correspondra peut-être pas à ce que
faites.

4° néanmoins :
background: none;
ça me choque !
z-index: -1;
ça aussi

Cordialement [mon Site] [M'écrire] Bul
Réponse 3 / 3
Messages postés
436
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
2 juillet 2014
 4
Bonjour,

"je vais em faire tapper sur les doigts" lol c'est une expression.
Il n'est pas capable de le faire car je suis le seul "capable" de le faire, c'est pour cela que je viens ici chercher votre aide.

Concernant le code HTML : 

/html/solutions_calcul.php


voila mon image qui est censée s'afficher en dessou du menu.


le Z-index, quoi que je mette c'est toujours par dessous mon menu

Merci
Répondre Posez votre question