Problème avec un code d'image au passage de la souris

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec un code d'image au passage de la souris

Message par grenouillefarci le Mer 26 Jan 2011 - 0:20

Yo!
J'ai rajouté des balises pour faire en sorte que lorsqu'on passe la souris sur une image, une bulle avec des informations apparaît. Le problème, c'est que lorsqu'on passe la souris sur l'image, la bulle apparaît, mais est cachée par les autres images. Je crains de peiner à expliquer le problème, donc j'ai pris un screen:


Code CSS:
Code:
.lock  {
  position: relative;
  cursor: pointer;
}
.lock .lock-hidden {
  /* center */
  display: none;
  position: absolute;
  padding-left : 7px;
  padding-right : 7px;
  padding-top  : 7px;
  padding-bottom : 7px;
    top: 45px;
    left: 5px;
  /* style du bloc qui apparait */
  border: 1px solid #000;
  background-color: #D39766;
  text-align: center;
    visibility: visible;
}
.lock:hover .lock-hidden {
  display: block;
}


Dernière édition par grenouillefarci le Mer 26 Jan 2011 - 1:52, édité 1 fois

grenouillefarci
*

Messages : 43
Inscrit(e) le : 14/11/2009

http://piratedestiny.forum-canada.com/forum.htm
grenouillefarci a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code d'image au passage de la souris

Message par SoraNoHime le Mer 26 Jan 2011 - 0:47

Personnellement je les vois bien au dessus pour les trois



c'est peut etre du à votre navigateur, je suis sous IE

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code d'image au passage de la souris

Message par grenouillefarci le Mer 26 Jan 2011 - 0:58

Étrange... J'utilise Firefox et le même bug persiste sous Safari...

grenouillefarci
*

Messages : 43
Inscrit(e) le : 14/11/2009

http://piratedestiny.forum-canada.com/forum.htm
grenouillefarci a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code d'image au passage de la souris

Message par Lixyr le Mer 26 Jan 2011 - 1:37

Moi aussi je suis sur Firefox et je dois dire que le problème n'apparait pas pour la simple raison que votre forum est très large et donc, l'info bulle concernée sur le screen ne passe pas sous l'image qui se trouve à droite. Enfin bref,

essayez avec ceci :

Code:
z-index: 999;

à ajouter en dessous de
visibility: visible;
dans la partie
/* style du bloc qui apparait */





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code d'image au passage de la souris

Message par grenouillefarci le Mer 26 Jan 2011 - 1:52

Ça fonctionne à merveille! Merci beaucoup.

grenouillefarci
*

Messages : 43
Inscrit(e) le : 14/11/2009

http://piratedestiny.forum-canada.com/forum.htm
grenouillefarci a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code d'image au passage de la souris

Message par Lixyr le Mer 26 Jan 2011 - 1:58

Je t'en prie. ^^





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum