Question

我查看了几个相关的问题，但我找不到解决方案。我甚至尝试使用本文中的解决方案，但它对我没有用。＆GT; https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

我需要＆＃34; HOVER＆＃34;在＆＃34;底部＆＃34; DIV。请注意，我无法更改元素的声明位置。

有解决方案吗？

我的代码：

＆＃13;

.top {
  position: fixed;
  z-index: 1;
}

.hover {
  position: absolute;
  z-index: 999;
}

.bottom {
  position: absolute;
  z-index: 1;
}

＆＃13;

<div class="top">top
  <div class="hover">HOVER</div>
</div>
<div class="bottom">bottom<div>

＆＃13;

Answer 1

你做不到。子元素只能在父母区域内进行更改。如果您尝试更改childs css并且它与父项相关，则parent css将覆盖它。

您可以尝试使用JS将子移动到父div之外。我建议在jquery中使用.append（）。

儿童与父母Z指数问题

1 个答案: