Question

我在div元素之后的运行时放置一个标签。使用z-index放置它，但标签的位置似乎是固定的，即使我提到绝对。当我滚动它时它会被移动。任何人都可以建议。

$("#button").after($('<span id=label> Testing </span>'))

CSS:
#label
{
position:absolute;
top:20px;
left:200px;
Z-index:1;
}

Answer 1

根据W3C：

absolute位置是“相对于包含框的块”，意味着它与其容器一起滚动。所以，如果我有

<body>
   ...
   <p style="position: absolute">STUFF!</p>
   ...
</body>

然后它将相对于body滚动。

fixed位置相对于视口滚动“，滚动时不移动。”它相对于视口或浏览器窗口滚动。所以，如果我有

<body>
   ...
   <p style="position: fixed">STUFF!</p>
   ...
</body>

然后当我滚动时，相对于我的浏览器窗口，文本将保持不变。