如何使用CSS3 Transform.translate设置元素的真实位置？

我有2个输入按钮如何使用CSS3 Transform.translate设置元素的真实位置？

我想移动BTN1下面BTN2鼠标悬停/点击按钮。我提到http://www.quirksmode.org/js/findpos.html以获得btn2的位置并相应地将x和y给予Transform：translate方法。但是btn1移动到页面上的不同位置。赋予translate方法的坐标不能按预期工作。需要帮助以确定要转换的正确坐标。

来源

2013-01-03 Rizwan Shaikh

你对翻译方法给予了什么样的协调？如果您将当前代码添加到问题或[JSFiddle]（http://jsfiddle.net/），它将帮助您获得有用的答案。 – robertc

translate的坐标是相对于元素的原始位置。如果你希望这些代表设置元素的页面上的绝对位置0,0第一：

position: absolute; 
top: 0; 
left: 0;

可能是一个更好的办法来做到这一点（不绝对定位）将获得两个元件的位置，计算差异并将其传递给translate。

来源

2013-01-03 18:34:45 freejosh

如何使用CSS3 Transform.translate设置元素的真实位置？

回答

相关问题