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

时间:2015-01-22 14:56:39

标签: css css3 css-position css-transforms

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

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

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

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

1 个答案:

答案 0 :(得分:2)

基本上translate依赖于CSS3 2D Transformsposition属性为CSS2 level

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

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

所以如果你关心广泛的浏览器支持CSS2的位置肯定会更好,

transform:translate()是未来。