CSS3 transition de “top” et “left” propriétés ne fonctionne pas

J'ai une liste avec un seul élément sur la liste de la transition vers le nord-est lorsque j'planer sur elle. À l'aide de margin-top et margin-left propriété transitions travaillé mais l'élément survolé continué à pousser d'autres éléments, j'ai donc ajouté position:relative et essayé d'utiliser top et left propriétés de transition, mais il ne semble pas y avoir de travail.

Voici le jsfiddle:

liste hover

Vous êtes conscients que ce n'est pas d'aller travailler dans les navigateurs plus anciens, à droite?

OriginalL'auteur user701510 | 2011-11-13

  1. 9

    Avez-vous essayé le réglage de la mère de votre liste. Je sais que parfois relative a problème, à moins que l'élément sous-jacent est également relative ou absolue. Juste une pensée.

    paramètre de position:relative sur l'élément parent a fonctionné, merci

    OriginalL'auteur uadrive

  2. 42

    Ajouter à gauche, en haut par défaut
    lien de démo

    left: 0px
    il rly fonctionne, merci bro
    Ce doit être la réponse choisie.
    Juste d'élargir cette réponse: le navigateur doit explicitement savoir ce que les valeurs début et fin sont pour le calcul de la séquence de transition. On peut raisonnablement supposer que la valeur de départ serait juste de la propriété valeur par défaut si pas défini, mais qui n'est pas le cas. Les valeurs début et fin doit être explicitement déclaré.

    OriginalL'auteur nghiepit

  3. 1

    Utiliser position:absolute et il va le prendre hors de la normale de la circulation des documents. Vous pourriez aussi lui donner du z-index:5 à assurez-vous qu'il flotte au-dessus d'autres éléments.

    OriginalL'auteur COBOLdinosaur