私のプロジェクトのMaterializecssデザインのcss/jsファイルがv0.97.5からv0.97.8に最近更新されました。MaterializeCss:更新後にSideNavが正しく動作しない
私はそれが大きな違いはないと思っていましたが、私のSideNavはもはや正しく動作していません。メニューをクリックするとスライドしますが、暗いオーバーレイが画面全体に表示され、何もクリックできません。これは、次のようになります。
それはsidenavオーバーレイ「不透明度を持つdiv要素がsideNavの上にあるように見えます。また、私はこのサイドの内側のメニューをクリックすることはできません。
これの実装は、基本的にはドキュメントに記載されているものに似ています。ここで何が変わったのか分かりません。
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>
あなたのsidenavクラス要素の 'z-index'を変更することでこれが解決されると思います – Manjunath
@MJN私は同じ行を考えていましたが、私はただsideNavの位置をめちゃくちゃうまく使いました。私はちょうど 'navbar-fixed' divの外で' sideNav' divを取らなければなりませんでした。 –
私はあまりにも早く質問を投稿したと思います。しかし、これを見てくれてありがとう:) –