2011-11-13 8 views
10

Mam listę z jednym elementem na liście przechodzącej na północny-wschód po najechaniu na niego. Używanie przejść właściwości zmieniło się, ale element, na którym się znajdowałem, powodował ciągłe przesuwanie innych elementów, dlatego dodałem position:relative i próbowałem użyć właściwości przejściowych top i left, ale wydawało się, że to nie działa.Przejście CSS3 dla właściwości "top" i "left" nie działa

Oto jsfiddle:

list hover

+0

Jesteś świadomy, że to nie będzie działać w starszych przeglądarkach, prawda? – Homer6

Odpowiedz

9

Czy próbowałeś ustawić rodzica listy. Wiem, że czasami względny ma problem, chyba że element leżący u podstaw jest względny lub bezwzględny. Po prostu.

+0

ustawienie pozycji: względna na element rodzica pracował, dzięki – user701510

2

Zastosowanie position: absolute i zajmie ją z normalnego obiegu dokumentów. Możesz także nadać mu indeks Z: 5, aby upewnić się, że unosi się nad innymi elementami.

37

Dodaj lewy, górny domyślny link demo

left: 0px 
+0

to działa rly, dziękuję bro – WildDev

+1

To powinno być wybrana odpowiedź. – lkraav

+4

Po prostu rozwiń tę odpowiedź: przeglądarka musi wyraźnie określić, jakie są wartości początkowe i końcowe, aby obliczyć sekwencję przejścia. Można racjonalnie założyć, że wartość początkowa byłaby po prostu wartością domyślną właściwości, jeśli nie jest ustawiona, ale tak nie jest. Wartości początkowe i końcowe muszą być jawnie zadeklarowane. – Arctic