图像不占用整个标题大小

我想制作一个滑块，包含3个图像，但我面临一个问题。图像不占用整个标题大小

我想把图像到头顶.. 我做导航栏的高度：0，把上面的标题导航栏..

你可以看到代码，图像将告诉你什么是我需要的正是

$('.header').height($(window).height());

.my-navbar 
 
{ 
 
    
 
    height: 0; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 

 
     
 

 
       <div class="my-navbar"> 
 
        <div class="my-container"> 
 
          <div class="user"> 
 
           <i class="fa fa-user-circle-o" aria-hidden="true"></i> 
 
           <a href="#" class="upper">login</a> 
 
           <span class="separator">|</span> 
 
           <a href="#" class="upper">register</a> 
 
          </div> 
 
          <div class="clearfix"></div> 
 
          <div class="social"> <!-- social and search icon--> 
 
           <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> 
 
           <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> 
 
           <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> 
 
           <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a> 
 
            <a href="#"><i class="fa fa-search" aria-hidden="true"></i></a> 
 

 
          </div> 
 
          <div class="clearfix"></div> 
 
          <div class="links upper txcolor"> 
 

 
           <a href="#">news</a> 
 
           <span>|</span> 
 
           <a href="#">download</a> 
 
           <span>|</span> 
 
           <a href="#">usefull links</a> 
 

 

 
          </div> 
 

 
         </div> 
 
      </div> 
 
     
 
     
 
     
 
     <div class="header"> 
 
      
 
     
 
      
 

 
      <!--<div class="slider"> 
 
       <div class="my-container"> 
 
        
 
        
 
         <div class="slider-images"> 
 
          
 
        
 
         
 
         </div> 
 

 
        <div class="slider-text"> 
 
        <h3>Four Wheels move the body</h3> 
 
        <h1> Two wheels move the soul</h1> 
 
         
 
        </div> 
 
        
 

 
        
 

 
       
 
       
 
       </div> 
 
      </div> --> 
 
      
 
    
 
      <img src="images/motors/m1.png"> 
 
     </div> 
 
     
 
     
 
    
 
     
 
     
 
     <div class="menu"> 
 
     
 
       
 
       <img src="images/logo.png" > 
 
      
 

 
     
 
     </div>

来源

2016-11-05 Saif Obeidat

您还需要设置图像大小，默认情况下它不会填充div。 – TheValyreanGroup

我的身高：100％。和宽度：100％,,坚果不工作 –

你有任何CSS的.header？ – TheValyreanGroup

.slider { 
    height: 100vh; 
    width: 100%; 
    background-position: 50% 50%; 
    background-size: cover; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-attachment: fixed; 
    padding: 0; 
    margin: 0; 
}

取决于你的S的显示属性lider，您可能还需要将它们更改为display:table;

来源

2016-11-05 21:56:36

图像不占用整个标题大小

回答

相关问题