Was ist der Unterschied zwischen der CSS3-Übersetzungsmethode und der relativen CSS2-Positionierung?

Es scheint, dass beide das Element von seiner aktuellen Position bewegen könnten. Sind diese beiden Methoden austauschbar?

Antworten auf die Frage(1)

Lösung für das Problem

Beim Übersetzen eines Elements muss es nicht geändert werdentop, left, right oderbottom CSS-Eigenschaften, also auf die gleiche WeiseoffsetTop/offseLeft Javascript-Eigenschaften ändern sich bei einer CSS-Übersetzung nicht. Daneben könnte die Position des Elements auch seinstatic (und damit neinz-index Wird benötigt)

Wenn du benutztposition: relative Stattdessen ändern Sie diese Eigenschaften, um den gleichen Effekt visuell zu erzielen.

Beispiel Geige:http://jsfiddle.net/LkLey/

Natürlich, wenn Sie mit alten Browsern zu tun haben (wieIE8 oderFF2) die notwendige Wahl ist die relative Positionierung, ansonsten sehe ich keine klare Bequemlichkeit bei der Wahl einer der beiden Methoden (na ja, um ehrlich zu sein, benötigt die relative Positionierung keine Multipe-Präfixe-moz-, -webkit- ... um überall zu arbeiten), so liegt die Wahl bei Ihnen (und es hängt vom Layout ab).

 fcalderan22. Jan. 2015, 20:48
Was? In welchem ​​Browser haben Sie das gesehen?
 chaonextdoor04. Apr. 2012, 10:22
Entschuldigung, ich bin ein bisschen verwirrt. Wie kommt es, dass die CSS-Eigenschaften oben, links, rechts oder unten nicht geändert werden? Ich meine, all diese Eigenschaften setzen den entsprechenden Rand eines Elements auf eine Einheit links / rechts / oben / unten in seine normale Position. Wenn Sie also die Übersetzungsmethode verwenden, um ein Element von seiner normalen Position zu entfernen, sollten sie sich entsprechend ändern zu meinem Verständnis.
 BoltClock04. Apr. 2012, 10:35
@chaonextdoor: Transformationen funktionieren anders als bei der normalen relativen Positionierung. Wenn Sie beispielsweise eine 3D-Transformation durchgeführt haben, wie sollen die Offsets eines Elements berechnet werden?
 fcalderan04. Apr. 2012, 10:31
@chaonextdoor, siehe mein Beispiel Geige:jsfiddle.net/LkLey
 BoltClock22. Jan. 2015, 19:08
Es sieht aus wietranslate() wird in der Tat ein Element ändernoffsetTop undoffsetLeft Eigenschaften jetzt. Ich frage mich, wann sich das geändert hat ...

Ihre Antwort auf die Frage