iOS浏览器中的CSS问题

Question

我一直在开发一个带有自定义菜单（ReactJS）的网站。但它在iOS上的Chrome和Safari中无效。

以下是代码结构。

<Header>
    <TopNavigation />
    <MenuBox />
</Header>
<PageBody>
    <TextContainer />
<PageBody>

出现菜单框时，它应覆盖整个页面。但在iOS上，<TextContainer />位于菜单栏的顶部。

<Header />的z-index高于<PageBody />

的z-index

关于为什么会发生这种情况以及如何解决这个问题的任何建议都会很棒。

Answer 1

无论如何都无法找到iOS中该行为的原因。然后改变了布局并使其工作。

<Header>
    <TopNavigation />
</Header>
<MenuBox />
<PageBody>
    <TextContainer />
<PageBody>