title: How can I nest materializecss slider within a parallax?
body: <p>I would like to nest a materializecss slider inside a materialcss parallax. Can this be done?</p>
  
  <p>I can make each work individually fine, but when I nest them I just get a grey area with the captions.</p>
  
  <p>This is my code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="parallax-container"&gt;
    
  &lt;div class="parallax"&gt;
         
      &lt;div class="slider"&gt;
          &lt;ul class="slides"&gt;
           &lt;li&gt;
             &lt;img src="images/new-york-city.jpg"&gt;
             &lt;div class="caption center-align brown-text text-darken-2"&gt;
                &lt;h3&gt;This is our big Tagline!&lt;/h3&gt;
                &lt;h5 class="light grey-text text-darken-2"&gt;Here's our small slogan.&lt;/h5&gt;
             &lt;/div&gt;
           &lt;/li&gt;
           
           &lt;li&gt;
             &lt;img src="images/coffee.jpg"&gt;
             &lt;div class="caption center-align blue-grey-text text-darken-4"&gt;
                &lt;h3&gt;This is our big Tagline!&lt;/h3&gt;
                &lt;h5 class="light blue-grey-text text-darken-4"&gt;Here's our small slogan.&lt;/h5&gt;
             &lt;/div&gt;
           &lt;/li&gt;      
          &lt;/ul&gt;&lt;!-- /slides --&gt;
     &lt;/div&gt;&lt;!-- /slider --&gt;
        
  &lt;/div&gt;&lt;!-- /parallax --&gt;
  &lt;/div&gt;&lt;!-- /parallax-container --&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks</p>