变换之间的区别:翻译和位置:相对;?

Joh*_*nsy 6 css css-position css3 css-transforms

正如标题所说,transform:translate(x,y)和position:relative之间有什么区别.

既然它们都完成了同样的事情(位置元素),那么它们在目的和应用方面有何不同?

我读了一篇关于使用"transform:translate;"来定位元素的文章.由于GPU和优化原因,最好使用"转换",但我没有真正看到问题,因为如果你只是重新定位一个元素而不是动画它,那么它不是什么大问题.

那么最后,它们如何不同以及以何种方式存在?

mai*_*man 3

基本上translate依赖CSS3 2D Transforms,而position属性是CSS2级别的

在支持的浏览器中据说使用translate将提高浏览器的整体图形性能,

但并非所有浏览器都支持它,

所以如果你愿意给予广泛的浏览器支持 CSS2 的位置肯定更好,

transform:translate()就是未来。