Z-index 在 chrome 和 firefox 中显示不同

Z-index displays differently in chrome and firefox

我有 2 个组件，navBar 和 wings 动画，所以问题是在 chrome 中它工作正常（navBar 在 wings 下），但在 fireFox 中 navBar 在 wingsAnimation 之上我知道浏览器有不同的引擎，但没有足够的 exp 来解决这个问题

.navBarWrap {
  display: block;
  height: 120px;
  z-index: 2;
  position: absolute;
  width: 100%;
}

.wingWrap {
  position: relative;
  z-index: 100 !important;
  transform: translateY(10rem);
}

我认为 6 年前的一个问题可以帮助你。看看“”。这对你有帮助吗？