如何控制`div`在html中重叠

Question

我正在创建一个网页，例如我有两个divs，A 和 B。A 的位置是fixed并且它在页面的顶部，但是 B 的位置是absolute并且在页面中间的某个地方。当它们重叠时，B 位于 A 之上，但我希望这是相反的。我希望 A 能胜任一切，但我不知道该怎么做。

请注意，改变他们的定位不是一种选择。

先感谢您。:)

Answer 1

您可以使用z-indexcss 设置来修改非静态定位元素顺序：

div#A { z-index: 2; }
div#B { z-index: 1; }

A 将显示在 B 上。

Answer 2

使用 z-index 值根据图层相应调整它们。它的样式属性： style="z-index:200"....