يتلاشى webkit 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; 
....
}

يحرر:يبدو أنه بدلاً من ذلك قم بتعيين العرض على لا شيء، فقط ضعه على المطلق.
تحرير 2:يبدو أنني تعرضت للضرب لذلك.