Question

我遇到了从display: none;切换到display: block;时未显示div的问题

HTML：

<div class="menus-container" style="display: block; top: 50px; height: 277px;">
.. some pretent content, which shows up in another place on the website ...
</div>

由js通过插件JS切换，它被缩小，因此我无法列出js，但我在开发人员工具栏中看到样式更改有效。

我看到它有一个高度，我看到它的宽度和z-index约为99999.确保我在开发人员工具中分配了所有父元素以及z-index: 999 !important;

仍然那个div不会出现......任何想法？如果你想看看这个例子，请按照这个链接（编辑） - 它只发生在小于850px的宽度。

Answer 1

这里的问题不是z索引问题，而是菜单出现在其父级header元素之外，其中溢出设置为隐藏。将溢出设置为可见会显示菜单。你也想做其他一些事情，比如给菜单一个坚实的背景颜色，这样更容易阅读。

<header class="main-header collapsed-gallery-page-menu" style="overflow: visible;">

即使分配了高z-index，也不显示图层

1 个答案: