Недавно я обновил файлы css/js в дизайне Materializecss в своем проекте с v0.97.5 по v0.97.8.MaterializeCss: SideNav не работает должным образом после обновления
Я думал, что это не будет иметь большого значения, но мой SideNav больше не работает. Когда я нажимаю на меню, оно выдвигается, но темное оверлея находится на весь экран, и я ничего не могу щелкнуть. Это то, что он выглядит следующим образом:
Это выглядит как «sidenav-наложению» DIV с непрозрачностью находится выше sideNav. Кроме того, я не могу щелкнуть по любому меню внутри этой стороныNav.
Реализация этого в основном аналогична тому, что указано в документации. Я не уверен, что здесь изменилось.
EDIT1: Мой код -
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper light-blue lighten-1">
<ul id="slide-out" class="side-nav hide-on-med-and-down print-hidden">
<li><a href="#!">Upload<i class="material-icons right">cloud_upload</i></a></li>
<li class="divider"></li>
<li class="div-title">Admin</li>
<li><a href="/admin/users">Users</a></li>
<li><a href="/admin/roles">Roles</a></li>
</ul>
<a href="#" data-activates="slide-out" class="button-collapse show-on-large"><i class="material-icons">view_headline</i></a>
<a href="#" class="brand-logo">LOGO</a>
</div>
</nav>
</div>
Я думаю, что изменение/увеличение 'z-index' вашего элемента класса sidenav исправит это – Manjunath
@MJN. Я думал по тем же строкам, но я просто перепутал позицию sideNav и теперь работает нормально. Мне просто пришлось взять div 'sideNav' за пределами' navbar-fixed' div. –
Наверное, я поставил вопрос слишком рано. Спасибо, что посмотрели на это, хотя :) –