Joh*_*nsy 6 css css-position css3 css-transforms
正如标题所说,transform:translate(x,y)和position:relative之间有什么区别.
既然它们都完成了同样的事情(位置元素),那么它们在目的和应用方面有何不同?
我读了一篇关于使用"transform:translate;"来定位元素的文章.由于GPU和优化原因,最好使用"转换",但我没有真正看到问题,因为如果你只是重新定位一个元素而不是动画它,那么它不是什么大问题.
那么最后,它们如何不同以及以何种方式存在?
基本上translate依赖CSS3 2D Transforms,而position属性是CSS2级别的。
在支持的浏览器中据说使用translate将提高浏览器的整体图形性能,
但并非所有浏览器都支持它,
所以如果你愿意给予广泛的浏览器支持 CSS2 的位置肯定更好,
而transform:translate()就是未来。