How can I nest the materializecss slider in parallax?

Question

I would like to insert the materializecss slider inside the parallax materialcss. It can be done?

I can make each work individually thin, but when I put it in, I just get a series with the inscriptions.

This is my code.

<div class="parallax-container"> <div class="parallax"> <div class="slider"> <ul class="slides"> <li> <img src="images/new-york-city.jpg"> <div class="caption center-align brown-text text-darken-2"> <h3>This is our big Tagline!</h3> <h5 class="light grey-text text-darken-2">Here our small slogan.</h5> </div> </li> <li> <img src="images/coffee.jpg"> <div class="caption center-align blue-grey-text text-darken-4"> <h3>This is our big Tagline!</h3> <h5 class="light blue-grey-text text-darken-4">Here our small slogan.</h5> </div> </li> </ul><!-- /slides --> </div><!-- /slider --> </div><!-- /parallax --> </div><!-- /parallax-container --> 

thanks

Answer 1

you can only use the slider:

 <div class="slider"> <ul class="slides"> <li> <img src="images/new-york-city.jpg"> <div class="caption center-align brown-text text-darken-2"> <h3>This is our big Tagline!</h3> <h5 class="light grey-text text-darken-2">Here our small slogan.</h5> </div> </li> <li> <img src="images/coffee.jpg"> <div class="caption center-align blue-grey-text text-darken-4"> <h3>This is our big Tagline!</h3> <h5 class="light blue-grey-text text-darken-4">Here our small slogan.</h5> </div> </li> </ul><!-- /slides --> </div><!-- /slider --> 

then put this in your css file

 .slides li img { background-attachment: fixed; } 

it will work fine :)