该站点是在 ProcessWire CMS 中构建的,因此用于导航的 PHP
这可能最好用图像来解释。
我完全不知所措。我试过z-index: 999导航,但没有任何影响。我使用的是 Android (Galaxy S8),在 Chrome 和 Edge 上都没有遇到任何问题,但是我的同事都在 iPhone 7 上告诉我导航隐藏在身体后面。
<div class="nav-mobile pure-u-1" id="menu" style="z-index: 999">
<ul class="navbar-mobile pure-img pure-u-1" style="z-index: 999
">
<img src="<?php echo $config->urls->templates?>images/crest.png">
<div class="icon-center">
<i class="fa fa-bars fa-4x icon" id="openbtn" onclick="openMenu()"></i>
</div>
<?php
$homepage = $pages->get("/");
$children = $homepage->children;
$children->prepend($homepage);
foreach($children as $child) {
$class = $child === $page->rootParent ? " class='on'" : '';
echo "<li class='pure-u-1-9 font' ><a$class href='{$child->url}'>{$child->title}</a></li>";
}
?>
<div> …Run Code Online (Sandbox Code Playgroud)