Javascript 在运行时上放置标签_Javascript_Jquery_Css_Html

Javascript 在运行时上放置标签

javascript jquery css html

Javascript 在运行时上放置标签,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我在运行时将一个标签放在div元素之后。使用z索引放置，但标签的位置似乎是固定的，尽管我提到的是绝对的。当我滚动它时，它正在移动。有人可以建议吗 $("#button").after($('<span id=label> Testing </span>')) CSS: #label { position:absolute; top:20px; left:200px; Z-index:1; } $（“#按钮”）。在（$（“测试”）之后 CSS: #标签 { 位置：绝对位

我在运行时将一个标签放在div元素之后。使用z索引放置，但标签的位置似乎是固定的，尽管我提到的是绝对的。当我滚动它时，它正在移动。有人可以建议吗

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

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

$（“#按钮”）。在（$（“测试”）之后
CSS:
#标签
{
位置：绝对位置；
顶部：20px；
左：200px；
Z指数：1；
}

根据W3C:

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

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

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

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

不清楚你在问什么。如果您不想在滚动时移动，请使用

position:fixed这就是“绝对”定位应该做的。如果不想在主体滚动时移动，则需要位置：fixed
。如果是标签，为什么是span？