让一个 div 浮在另一个之上？

Question

我在一个页面上有两个 div 元素。如何让一个 div 像弹出窗口一样浮动在另一个上？换句话说，div2（弹出窗口）将覆盖 div1（父级）的部分区域。

原文由 Firdous 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 position:absolute; 并将“弹出”设置为位于另一个的边界内。 “弹出”div 也应该更小。

使用 z-index 将“弹出”一个堆叠在另一个之上（为 z-index 赋予更高的值）。

如果你想让它看起来像内部 div 真的漂浮在另一个之上，创建一个像 border-right:2px solid black 和 border-bottom:2px solid black 之类的阴影。

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

原文由 yoozer8 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我相信将 position 设置为 fixed 会导致它保持可见，即使用户滚动也是如此。您可以使用“top”、“left”和“right”属性设置位置。我用于“测试版”徽标的 CSS 基本上可以满足您的要求：

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

原文由 Mike_OBrien 发布，翻译遵循 CC BY-SA 3.0 许可协议