Wie man Slider Fullscreen nur auf der oberen Seite materialisieren kann?

Question

Ich habe den Standard-Code von Slider auf MaterializeCSS, ich weiß, ich kann nur Vollbild auf Slider-Klasse hinzufügen, aber wenn ich das tue, wird mein anderer Inhalt in meinem Slider versteckt.

Ist es möglich, Fullscreen auf Slider nur oben auf der Seite hinzuzufügen und trotzdem den Slider mit anderen Inhalten meiner Seite interagieren zu lassen?

<div class="slider"> 
    <ul class="slides"> 
     <li> 
      <img src="http://lorempixel.com/580/250/nature/1"> <!-- random image --> 
      <div class="caption center-align"> 
       <h3>This is our big Tagline!</h3> 
       <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5> 
      </div> 
     </li> 
     <li> 
      <img src="http://lorempixel.com/580/250/nature/2"> <!-- random image --> 
      <div class="caption left-align"> 
       <h3>Left Aligned Caption</h3> 
       <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5> 
      </div> 
     </li> 
     <li> 
      <img src="http://lorempixel.com/580/250/nature/3"> <!-- random image --> 
      <div class="caption right-align"> 
       <h3>Right Aligned Caption</h3> 
       <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5> 
      </div> 
     </li> 
     <li> 
      <img src="http://lorempixel.com/580/250/nature/4"> <!-- random image --> 
      <div class="caption center-align"> 
       <h3>This is our big Tagline!</h3> 
       <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5> 
      </div> 
     </li> 
    </ul> 
</div> 

Answer 1

.slide { 
    width: 100%; 
    height: auto; 
} 

der Schieber nicht absolut positioniert Stellen Sie sicher, ..

ich glaube, Sie sollten Sie auch css teilen.