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

Question

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

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

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

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

Answer 1

Ваш span все еще в document поток.

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

Answer 2

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

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

Редактировать:Кажется, что вместо этого установите для дисплея значение none, просто установите абсолютное положение.
Редактировать2:кажется, меня опередили.