CSS3 webkit la décoloration dans une info-bulle

Question

Je viens expérimenté avec une info-bulle CSS qui se fond avec les transitions de CSS3. Je visais un effet infobulle lorsque vous survolez un lien, l'info-bulle apparaît, mais se fane en utilisant seulement CSS3.

Je l'ai travailler jusqu'à un certain point, mais pour une raison quelconque, quand je passe la souris sur l'endroit où il est censé être, il met en marche, même si elle est initally positionné left:-999px;.

Donc, fondamentalement, ce que je fais mal / est ce que je visais possible? (Notez que je ne veux pas faire quoi que ce soit avec JS / JQuery, était tout simplement curieux de voir si je pouvais le faire en CSS)

Vous pouvez voir et jouer avec .

Answer 1

Votre span est encore dans le flux document.

Vous pouvez le supprimer en définissant son display à none, comme le commentaire ci-dessus suggère, ou en définissant sa position à absolute, qui semble être ce que vous obtenez à le cacher le bord gauche de l'écran.

Answer 2

Vous devez définir la pointe de l'outil même pas être présenté normalement.

#one a.tooltip span {
//display:block;
display:none; 
....
}

Edit: Il semble que l'affichage plutôt que la valeur none, la position juste absolue
. Edit2:. Il semble que je devancé