CSS3翻譯方法和CSS2相對定位有什麼區別？

他們似乎都可以使元素從當前位置移開。這兩種方法可以互換嗎？CSS3翻譯方法和CSS2相對定位有什麼區別？

2012-04-04 chaonextdoor

這兩種方法是不完全一樣的東西：翻譯元素不需要改變其top，left，right或bottom CSS屬性，所以在同樣的方式offsetTop/offseLeft JavaScript屬性不與CSS轉換變化。除此之外，元素的位置也可以是static（因此不需要z-index）

如果您使用position: relative來替代，您將更改這些屬性以在視覺上實現相同的效果。

例小提琴：http://jsfiddle.net/LkLey/

當然，如果你要處理舊瀏覽器（如IE8或FF2）的必然選擇是相對的定位，否則我看不到在選擇兩個中的一個明確的便利方法（說實話，相對定位不需要多個前綴-moz-,-webkit- ...到處工作），所以選擇取決於你（這取決於佈局）。

來源

2012-04-04 08:07:03 fcalderan

對不起，我有點困惑。頂部，左側，右側或底部CSS屬性如何不變形？我的意思是所有這些屬性都將元素的相應邊設置爲單元的左/右/上/下到其正常位置。因此，如果使用translate方法將元素從其正常位置移開，它們應該根據根據我的理解。 – chaonextdoor 2012-04-04 08:22:47

@chaonextdoor，看我的例子小提琴：http://jsfiddle.net/LkLey/ – fcalderan 2012-04-04 08:31:09

@chaonextdoor：變換工作與常規相對定位不同。例如，如果您有3D變換，應如何計算元素的偏移量？ – BoltClock 2012-04-04 08:35:43

CSS3翻譯方法和CSS2相對定位有什麼區別？

回答

相關問題