Html 让一个球浮在另一个球上？

我在一个页面上有两个div元素。

---

如何使一个div像弹出窗口一样浮在另一个div上？换句话说，div2（弹出窗口）将覆盖div1（父对象）区域的一部分。

然后使用css的z-index属性，如下所示：

div1 {
  z-index:1000;
}

 div2 {
 z-index:1001;
} 

---

最高z索引元素将显示在顶部。

使用

位置：绝对

并将“弹出窗口”一个设置为位于另一个的边界内。“popup”div也可能更小

使用

z-index

将“弹出窗口”一个堆叠在另一个之上（为

z-index

赋予更高的值）

如果要使内部div看起来确实在另一个div的上方浮动，请使用

边框右侧：2px纯黑

和

边框底部：2px纯黑

创建阴影

---

如果你想让它真正弹出/出现/消失，你需要使用一些脚本。

我相信将

位置设置为
固定
将使它保持可见，即使用户滚动。可以使用“顶部”、“左侧”和“右侧”属性设置位置。我用于“beta”徽标的CSS基本上满足了您的要求：

.fixed{
    position:fixed;
    top:0px;
    right:0px;
    width:100px;
}

嗯。。。我想您应该使用。在将其位置指定为绝对位置后，如何添加“偏移”？这是不可能的，因为它将新坐标视为绝对坐标，所以它变得无用。但很明显，应该可以指定偏移量，因为即使是“绝对”偏移量，它也不会在（0,0）处显示，我可以使用以下方法解决我的问题：var l=blah.offset（）.left；blah.offset（{left:l+10}）；