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

Messages postés
437
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
2 juillet 2014
- - Dernière réponse : payetonju
Messages postés
437
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
2 juillet 2014
- 29 sept. 2009 à 14:26
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'
Afficher la suite 

3 réponses

Meilleure réponse
Messages postés
437
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
2 juillet 2014
3
Merci
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'

Dire « Merci » 3

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

Codes Sources 136 internautes nous ont dit merci ce mois-ci

Commenter la réponse de payetonju
Messages postés
4934
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
7
0
Merci
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
Commenter la réponse de Bul3
Messages postés
437
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
2 juillet 2014
0
Merci
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
Commenter la réponse de payetonju