Transparence dans Infobulle Bouton_activeTransparence dans Infobulle Bouton_hoverTransparence dans Infobulle Fb-hoverTransparence dans Infobulle Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Transparence dans Infobulle EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Transparence dans Infobulle EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Transparence dans Infobulle EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Transparence dans Infobulle EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Transparence dans Infobulle EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Transparence dans Infobulle EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Transparence dans Infobulle EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Transparence dans Infobulle EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

Transparence dans Infobulle

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://liebe-de-th.niceboard.com/
Nyly*
Nyly*
{ Membre }
{ Membre }

Féminin Messages : 74



Transparence dans Infobulle Empty
Bonjour tout le monde =)



Bon, je sais pas si quelqu'un pourra trouver la solution à mon problème, mais je remercie d'avance ceux qui lisent. =)

Mon forum: ICI

Alors voilà, j'ai mis des infobulles dans ma page d'accueil, jusque là tout va très bien.
Mais le soucis, c'est que lorsque l'infobulle est ouverte, il y a une transparence au niveau du fond qui la rend presque illisible, c'est vraiment très gênant.

Voici une capture pour vous montrer:
Spoiler:

Voici la partie CSS des Infobulles:
Code:


/*INFOBULLE*/
a.imginfo {
  position: relative;
  color: #000000;
  text-shadow: firebrick 1px 1px 2px;
  border-bottom: 3px firebrick dotted; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: dimgray; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: auto; /* on positionne notre infobulle */
  left: auto;
  background: silver;
  color: black;
  padding: 10px;
  border: 0px solid grey;
  border-left: 5px solid firebrick;
  border-right: 5px solid firebrick;
  border-top: 5px solid firebrick;
  border-bottom: 5px solid firebrick;
text-shadow: firebrick 1px 1px 2px;
-moz-border-radius-bottomleft:11px;
-moz-border-radius-bottomright:11px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}


Si jamais quelqu'un a une idée, je suis preneuse. =)
Merci d'avoir lu ma demande.


Dernière édition par Nyly* le Sam 05 Mar 2011, 16:51, édité 1 fois
MessageSujet: Transparence dans Infobulle   Transparence dans Infobulle EmptyVen 04 Mar 2011, 17:57
Revenir en haut Aller en bas
Kaktus
Kaktus
{ Membre }
{ Membre }

Féminin Messages : 68



Transparence dans Infobulle Empty
D'après ce que je peux voir, ce n'est pas l'infobulle qui devient transparent, elle, elle est normale.
C'est l'image des partenaires qui est par dessus Wink
MessageSujet: Re: Transparence dans Infobulle   Transparence dans Infobulle EmptyVen 04 Mar 2011, 18:15
Revenir en haut Aller en bas
http://liebe-de-th.niceboard.com/
Nyly*
Nyly*
{ Membre }
{ Membre }

Féminin Messages : 74



Transparence dans Infobulle Empty
Exact, mais ça ne m'aide pas plus =D
MessageSujet: Re: Transparence dans Infobulle   Transparence dans Infobulle EmptyVen 04 Mar 2011, 18:32
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Transparence dans Infobulle Empty
Essaie d'enlever le code que tu as mis pour les 2 images en dessous Wink ca doit venir de la .
MessageSujet: Re: Transparence dans Infobulle   Transparence dans Infobulle EmptyVen 04 Mar 2011, 18:43
Revenir en haut Aller en bas
http://liebe-de-th.niceboard.com/
Nyly*
Nyly*
{ Membre }
{ Membre }

Féminin Messages : 74



Transparence dans Infobulle Empty
Lequel exactement??
MessageSujet: Re: Transparence dans Infobulle   Transparence dans Infobulle EmptyVen 04 Mar 2011, 19:04
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Transparence dans Infobulle Empty
Celui de l'opacité qui change quand la souris passe dessus.
MessageSujet: Re: Transparence dans Infobulle   Transparence dans Infobulle EmptyVen 04 Mar 2011, 19:08
Revenir en haut Aller en bas
Invité
Invité




Transparence dans Infobulle Empty
Hop'

Effectivement ça viens des bannières de tes partenaires. Donc à vérifier Bravo !
MessageSujet: Re: Transparence dans Infobulle   Transparence dans Infobulle EmptySam 05 Mar 2011, 05:08
Revenir en haut Aller en bas
http://liebe-de-th.niceboard.com/
Nyly*
Nyly*
{ Membre }
{ Membre }

Féminin Messages : 74



Transparence dans Infobulle Empty
mais les codes ne sont pourtant pas dans le même espace...
Je ne comprend pas en quoi ça peut faire çà.
Sachant qu'en plus c'est d'un code qui vient de ce forum.
MessageSujet: Re: Transparence dans Infobulle   Transparence dans Infobulle EmptySam 05 Mar 2011, 07:06
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Transparence dans Infobulle Empty
Malheureusement y'auras toujours des petits bug comme celui-ci Wink



Merci de cocher l'icône résolu si c'est le cas Smile
MessageSujet: Re: Transparence dans Infobulle   Transparence dans Infobulle EmptySam 05 Mar 2011, 07:11
Revenir en haut Aller en bas
http://liebe-de-th.niceboard.com/
Nyly*
Nyly*
{ Membre }
{ Membre }

Féminin Messages : 74



Transparence dans Infobulle Empty
je vais essayer de voir mais je ne vous garantie pas de cocher le bouton résolu =)

Edit: Effectivement, ça a marché lorsque j'ai enlevé l'opacité des affiliates, mais ce n'est pas fini, il y a un autre endroit où je rencontre ce soucis.
Tant pis, résolu.
MessageSujet: Re: Transparence dans Infobulle   Transparence dans Infobulle EmptySam 05 Mar 2011, 16:44
Revenir en haut Aller en bas
Contenu sponsorisé




Transparence dans Infobulle Empty
MessageSujet: Re: Transparence dans Infobulle   Transparence dans Infobulle Empty
Revenir en haut Aller en bas
 

Transparence dans Infobulle

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Infobulle dans les PV
» Problème d'affichage dans une infobulle
» Pas d'italique dans l'infobulle
» Infobulle dans un sujet?
» Infobulle transparente dans le profil.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit