z-index如何在CSS中运行？

Question

如果我将弹出式面板的z-index设置为GWT中的某个值，比如x，它是否会更改其父面板（默认主页面板）的z-index？

在我的GWT应用程序中，弹出面板的css中的z-index为100.然后我使用getElement().getStyle().setZIndex(99);手动将弹出式面板的z-index更改为小于100的其他值。之后，弹出式面板不可见。

背景面板是否从子弹出式面板的css文件继承了zIndex，当弹出式面板使用getElement().getStyle().setZIndex(99);时它没有相应改变？

Answer 1

z-index属性指定元素的堆叠顺序。

具有较高堆叠顺序的元素始终位于具有较低堆叠顺序的元素之前。

img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}