【发布时间】:2012-08-01 09:24:03
【问题描述】:
我有这个元素,我想将它定位到页面上的特定坐标。问题是 它在另一个定位元素内,所以 position:absolute 相对于这个元素放置它,而我希望它相对于页面放置。
有什么方法可以将元素放置在页面上的特定坐标处?
您可以在此页面上看到我的内容:http://bit.ly/NkfJk7 当您将鼠标悬停在那个黄色感叹号图标上时,我希望粉红色框出现在它附近,但它却出现在那个距离的两倍处。
【问题讨论】:
我有这个元素,我想将它定位到页面上的特定坐标。问题是 它在另一个定位元素内,所以 position:absolute 相对于这个元素放置它,而我希望它相对于页面放置。
有什么方法可以将元素放置在页面上的特定坐标处?
您可以在此页面上看到我的内容:http://bit.ly/NkfJk7 当您将鼠标悬停在那个黄色感叹号图标上时,我希望粉红色框出现在它附近,但它却出现在那个距离的两倍处。
【问题讨论】:
我想通了,我做错了。
toolTip.style.left = button.offsetLeft + "px";
toolTip.style.top = button.offsetTop + "px";
不需要绝对的:)
【讨论】:
您可以为此使用position: fixed
https://developer.mozilla.org/en/CSS/position
固定
不要为元素留出空间。相反,将其放置在相对于屏幕视口的指定位置,并且在滚动时不会移动。打印时,将其放置在每一页的固定位置。
编辑:忽略这个答案。位置固定相对于屏幕的位置,因此它会跟随页面滚动。
【讨论】: