CSS3 webkit dissolvenza in un suggerimento

Question

Ho appena avuto modo di sperimentare con un tooltip CSS che sfuma con transizioni di CSS3. Stavo per un effetto tooltip che quando si passa un collegamento, viene visualizzata la descrizione comando, ma si dissolve utilizzando solo CSS3.

ho ottenuto che funziona fino a un certo punto, ma per qualche ragione, quando mi passa il mouse sopra dove è destinata ad essere, attiva, anche se è inizialmente posizionata left:-999px;.

Quindi, fondamentalmente, quello che sto facendo male / è quello che stavo per un possibile? (Si noti che non voglio fare nulla con JS / JQuery, ero solo curioso di vedere se ho potuto farlo in CSS)

Si può vedere e giocare con lui qui .

Answer 1

Il tuo span è ancora nel flusso document.

È possibile rimuoverlo impostando il suo display a none, come il commento suggerisce sopra, oppure impostando la sua position a absolute, che sembra essere quello che si stavano diventando a nasconderlo il bordo sinistro dello schermo.

Answer 2

È necessario impostare la punta strumento per nemmeno essere mostrato normalmente.

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

Edit: sembra che di visualizzazione piuttosto che impostare a nessuno, solo la posizione di assoluta
. Edit2:. Sembra che sono stato battuto ad esso