CSS3 transition für "top" und "left" Eigenschaften funktioniert nicht

Habe ich eine Liste mit einem Element in der Liste der Umstellung auf den Nordosten, wenn ich den Mauszeiger über Sie. Mit margin-top und margin-left Eigenschaft übergänge gearbeitet, aber das Element, das schwebte über gehalten, drängen andere Elemente, so fügte ich position:relative und versucht, mit top und left übergangs-Eigenschaften, aber es schien nicht zu funktionieren.

Hier ist das jsfiddle:

Liste hover

Sie sind sich bewusst, dass dies nicht zur Arbeit zu gehen, auch in älteren Browsern, richtig?

InformationsquelleAutor user701510 | 2011-11-13

  1. 9

    Haben Sie versucht, die Einstellung der Eltern von Ihrer Liste. Ich weiß manchmal relativ Problem hat, es sei denn, die zugrunde liegende Element ist auch relativ oder absolut sein. Nur so ein Gedanke.

    Einstellung position:relative auf das Eltern-element gearbeitet, vielen Dank

    InformationsquelleAutor uadrive

  2. 42

    Hinzufügen, Links, oben Standard
    link demo

    left: 0px
    es rly funktioniert, danke bro
    Dies sollte die gewählte Antwort.
    Nur zu, erweitern Sie auf diese Antwort: der browser muss explizit wissen, was die start-und end-Werte werden zur Berechnung der " übergang-Sequenz. Man könnte davon ausgehen das ab Wert wäre nur die Eigenschaft Standardwert falls nicht gesetzt, aber das ist nicht der Fall. Die start-und end-Werte müssen explizit deklariert werden.

    InformationsquelleAutor nghiepit

  3. 1

    Benutze position:absolute, und es wird nehmen Sie es aus der normalen Belegfluss. Man könnte auch give it z-index:5 zu machen sicher, es schwebt über anderen Elementen.

    InformationsquelleAutor COBOLdinosaur

Schreibe einen Kommentar