マテリアライズCSSトランスペアレントナビゲータ

Question

ナビゲーションバーを透明にするのに問題があります。代わりに、白い背景が表示されます。私はマテリアライズしたCSSのソースファイルを編集してみましたが、 'transparent'というクラスを追加しても何も変わりません。誰もがこのために回避策を持っていますか？透明継承の要素デフォルトで白であるコンテナの背景色の背景色を設定

<div class="navbar-fixed transparent"> 
<nav class="transparent"> 
    <div class="nav-wrapper transparent"> 
     <a href="#" class="brand-logo center">KAYWA</a> 
     <a href="#" data-activates="mobile-demo" class="button-collapse" id="btncollapse"> 
      &#9776; 
     </a> 
     <ul class="left hide-on-med-and-down transparent"> 
      <li><a href="#" class="link">HOME</a></li> 
      <li><a href="#" class="link">ABOUT US</a></li> 
      <li><a href="#" class="link">SOCIAL MEDIA</a></li> 
      <li><a href="#" class="link">CONTACT US</a></li> 
     </ul> 
     <ul class="right hide-on-med-and-down transparent"> 
      <li><a href="#" class="link"><i class="fa fa-instagram fa-2x"></i></a></li> 
      <li><a href="#" class="link"><i class="fa fa-facebook fa-2x"></i></a></li> 
      <li><a href="#" class="link"><i class="fa fa-twitter fa-2x"></i></a></li> 
      <li><a href="#" class="link"><i class="fa fa-google-plus fa-2x"></i></a></li> 
     </ul> 
     <ul class="side-nav" id="mobile-demo"> 
      <li><a href="#">HOME</a></li> 
      <li><a href="#">ABOUT US</a></li> 
      <li><a href="#">SOCIAL MEDIA</a></li> 
      <li><a href="#">CONTACT US</a></li> 
      <li><a href="#"><i class="fa fa-instagram fa-2x"></i></a></li> 
      <li><a href="#"><i class="fa fa-facebook fa-2x"></i></a></li> 
      <li><a href="#"><i class="fa fa-twitter fa-2x"></i></a></li> 
      <li><a href="#"><i class="fa fa-google-plus fa-2x"></i></a></li> 
     </ul> 
    </div> 
</nav> 

Answer 1

。

Answer 2

私は動作するはずです、簡単なCSSのソリューションを使用：

.transparentBG { 
    background-color: rgba(0,0,0,0); 
} 

次にあなたは、ナビゲーションバーが固定になりdivの後、NAVタグにあなたの全体のコード内で複製する必要がこのクラスを入れていません。