【问题标题】:Position element relative to page相对于页面定位元素
【发布时间】:2012-08-01 09:24:03
【问题描述】:

我有这个元素,我想将它定位到页面上的特定坐标。问题是 它在另一个定位元素内,所以 position:absolute 相对于这个元素放置它,而我希望它相对于页面放置。

有什么方法可以将元素放置在页面上的特定坐标处?

您可以在此页面上看到我的内容:http://bit.ly/NkfJk7 当您将鼠标悬停在那个黄色感叹号图标上时,我希望粉红色框出现在它附近,但它却出现在那个距离的两倍处。

【问题讨论】:

    标签: javascript css-position


    【解决方案1】:

    我想通了,我做错了。

    toolTip.style.left = button.offsetLeft + "px";
    toolTip.style.top = button.offsetTop + "px";
    

    不需要绝对的:)

    【讨论】:

      【解决方案2】:

      您可以为此使用position: fixed

      https://developer.mozilla.org/en/CSS/position

      固定

      不要为元素留出空间。相反,将其放置在相对于屏幕视口的指定位置,并且在滚动时不会移动。打印时,将其放置在每一页的固定位置。


      编辑:忽略这个答案。位置固定相对于屏幕的位置,因此它会跟随页面滚动。

      【讨论】:

      • 这不是他想要的,如果用户滚动页面,覆盖保持固定,而他的元素(图标)与页面的其余部分一起滚动。
      猜你喜欢
      • 2012-05-15
      • 1970-01-01
      • 2012-03-26
      • 1970-01-01
      • 2021-06-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多