CSS变换与位置
CSS变换与位置
提问于 2011-08-18 22:22:38
能否请一些人向我解释转换位置left或right属性或-transform: translateX(n)的区别，因为这两者似乎实现了相同的事情，但可以独立应用。我理解硬件加速的可能性，但这取决于实现。
// psuedo code;
#box {
-transition-property: all;
-transition-duration: 1s;
}
// javascript
box.style.transform = "translateX(200px)";
vs
box.style.left = "200px";其中一个比另一个有什么优势？谢谢,
P
回答 1
Stack Overflow用户
发布于 2011-08-18 22:26:57
top和left CSS属性仅适用于定位为relative、absolute或fixed的元素。此外，top和left属性依赖于父对象的位置(相对位置、绝对位置或静态位置)。转换不受该设置的影响。
当元素具有position: relative时，转换转换与应用top和left“相同”。在任何其他情况下，它们都不是相同的操作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7108941
复制相关文章
相似问题