CSS3 webkit исчезает во всплывающей подсказке

Question

Я только что экспериментировал со всплывающей подсказкой CSS, которая исчезает при переходах CSS3. Я хотел получить эффект всплывающей подсказки, когда при наведении ссылки появляется всплывающая подсказка, но она исчезает при использовании только CSS3.

У меня это работает до определенного момента, но по какой-то причине, когда я нахожусь над тем, где он должен быть, он активируется, даже если он изначально позиционирован left:-999px;.

Итак, в общем, что я делаю не так / возможно ли то, что я собирался сделать? (Обратите внимание, что я не хочу ничего делать с JS / JQuery, мне было просто интересно посмотреть, смогу ли я сделать это в CSS)

Вы можете посмотреть и поиграть с ним здесь .

Answer 1

Вам нужно установить подсказку, чтобы она не отображалась нормально.

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

Edit: кажется, что вместо того, чтобы установить отображение на none, просто на абсолютное положение.
Edit2: кажется, я был побежден.

Answer 2

Ваш span все еще находится в потоке document.

Вы можете удалить его, установив display на none, как указано в вышеприведенном комментарии, или установив position на absolute, что, по-видимому, было тем, что вы получили, чтобы скрыть его слева. край экрана.