似乎它们都可以使元素从其当前位置移动。这两种方法可以互换吗?
最佳答案
这两种方法并不完全相同:转换元素将不需要更改其top
,left
,right
或bottom
CSS属性,因此,offsetTop/offseLeft
Javascript属性以相同的方式不受CSS转换的影响。此外,元素的位置也可以是static
(因此不需要z-index
)
如果改为使用position: relative
,则将更改这些属性以在视觉上实现相同的效果。
fiddle 示例:http://jsfiddle.net/LkLey/
当然,如果您必须使用旧的浏览器(例如IE8
或FF2
),则必需的选择是相对定位,否则,选择两种方法中的一种我看不到明显的方便(嗯,老实说,相对定位是没有必要的多前缀-moz-
,-webkit-
...的集合在任何地方都可以使用),因此选择取决于您(取决于布局)。
关于css - CSS3转换方法和CSS2相对定位之间有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10007093/