2015-11-01 12 views
5

Chciałbym zagnieździć suwak materializecss wewnątrz paralaksy materialcss. Czy można to zrobić?Jak zagnieżdżać suwak materializecss w obrębie paralaksy?

Mogę sprawić, aby każda praca była indywidualnie w porządku, ale kiedy je zagnieżdżam, otrzymuję szary obszar z podpisami.

To jest mój kod

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

Dzięki

+0

Czy kiedykolwiek wyszło, czy jest to możliwe? Próbuję zrobić to samo. – Tom

+0

Nie Tom, nie zrobiłem – user3808307

Odpowiedz

3

można używać tylko suwak tak:

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

następnie umieścić to w pliku css

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

będzie dobrze :)