CSS3-Webkit blendet einen Tooltip ein

StackOverflow https://stackoverflow.com/questions/2523827

  •  22-09-2019
  •  | 
  •  

Frage

Ich habe gerade mit einem CSS-Tooltip experimentiert, der die Übergänge von CSS3 einblendet.Ich wollte einen Tooltip-Effekt erzielen, bei dem der Tooltip angezeigt wird, wenn Sie mit der Maus über einen Link fahren, aber nur mit CSS3 eingeblendet wird.

Ich habe es bis zu einem gewissen Punkt zum Laufen gebracht, aber aus irgendeinem Grund wird es aktiviert, wenn ich mit der Maus über die Stelle fahre, an der es sein soll, obwohl es ursprünglich positioniert war left:-999px;.

Was mache ich also im Grunde falsch/ist das, was ich wollte, möglich?(Beachten Sie, dass ich nichts mit JS/JQuery machen möchte, sondern nur neugierig war, ob ich das in CSS machen könnte.)

Sie können es sehen und damit spielen Hier.

War es hilfreich?

Lösung

Dein span ist immer noch in der document fließen.

Sie können es entfernen, indem Sie seine festlegen display zu none, wie der obige Kommentar vorschlägt oder seine festlegen position zu absolute, was zu sein scheint, was Sie erreicht haben, um es am linken Rand des Bildschirms zu verbergen.

Andere Tipps

Sie müssen den Tooltip so einstellen, dass er nicht einmal normal angezeigt wird.

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

Bearbeiten:Es scheint, als würde man die Anzeige nicht auf „Keine“ setzen, sondern einfach auf „Absolut“ positionieren.
Edit2:es scheint, als wäre ich zuvorgekommen.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top