Z-インデックスボタンがクリックできない

Question

ちょっとした問題で迷惑になりました。私のボタンのz-index css属性を変更すると（上のナビゲーションバーとフッタに重なるスクロール上で）、ボタンに何かがあるように、クリック可能ではありません。どうすればこの問題を解決できますか？

これは私のボタンです：

<button class="btn waves-effect waves-light"><i class="small material-icons">add</i></button> 

これは、CSSです：

.waves-effect { 
position: relative; 
cursor: pointer; 
display: inline-block; 
overflow: hidden; 
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
-webkit-tap-highlight-color: transparent; 
vertical-align: middle; 
z-index: 0; 
transition: .3s ease-out; 
} 
materialize3.css:5259 
.btn, .btn-large { 
text-decoration: none; 
color: #fff; 
background-color: #0091ea; 
text-align: center; 
letter-spacing: .5px; 
transition: .2s ease-out; 
cursor: pointer; 
margin-left: 5px; 
} 
materialize3.css:5241 
.btn, .btn-large, .btn-floating, .btn-large, .btn-flat { 
font-size: 1rem; 
outline: 0; 
} 
materialize3.css:5187 
.btn, .btn-large, .btn-flat { 
border: none; 
border-radius: 2px; 
display: inline-block; 
height: 36px; 
line-height: 36px; 
padding: 0 2rem; 
text-transform: uppercase; 
vertical-align: middle; 
-webkit-tap-highlight-color: transparent; 

Answer 1

あなたがボタンに重なる他のdivを引き起こし、Zインデックスに負の値を与えるしようとしている可能性がありますそれをunclickableにする。代わりに、正の値（ボタンのz-インデックス値よりも大きい）をナビゲーションバーとフッターに与えてみてください。

デバッグするコードが不十分です。作業中のモデルで問題を説明すると、問題が解決する可能性があります。