在引導框架背景100％的高度問題

我有這樣一段代碼與引導：在引導框架背景100％的高度問題

<style> 
#restaurants { 
overflow: hidden; 
} 

#restaurantsbg { 
background-image: url('images/bg.jpg'); 
background-repeat: no-repeat; 
background-size: cover; 
background-position: center center; 
min-height: 100%; 
} 
</style> 

<section id="restaurants"> 
    <div class="container"> 
     <div class="row"> 
      <div id="restaurantstxt" class="col-md-6"></div> 
      <div id="restaurantsbg" class="col-md-6"></div> 
     </div> 
    </div> 
</section>

，基本上我想做的事就是在#restaurantsbg背景圖像根據#restaurants高度。

上面的代碼不起作用，任何想法我能做什麼？

問候！

來源

2016-08-03 unknownmx

DIV爲空，如果不填充或設置高度，則無法查看背景 – Luca

＃餐廳，html，body，.container和.row也必須是'hight：100％' – ZimSystem

我認爲你需要這樣的事情，請點擊整頁，看看它：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<style> 
 
    #restaurants { 
 
    border: 1px solid #000; 
 
    height: 200px; 
 
    } 
 

 
    #restaurantsbg{ 
 
    background-image: url('http://bligoo.com/media/users/0/32886/images/Advertencia.png'); 
 
    background-repeat: no-repeat; 
 
    background-position: center center; 
 
    background-size:cover; 
 
    height: auto; 
 
    min-height: 100%; 
 
    max-height: 100%; 
 
    border: 1px solid #000; 
 
    } 
 
    </style> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <section id="restaurants"> 
 
     <div id="restaurantstxt" class="col-md-6"></div> 
 
     <div id="restaurantsbg" class="col-md-6"></div> 
 
    </section> 
 
    </div> 
 
</div>

來源

2016-08-03 15:44:30

如果我想#restaurantsbg把整個容器的尺寸發生了什麼（＃餐廳）？？？換句話說，這是動態的。

我不想把任何高度的像素，我想要的所有東西在porcentage。

來源

2016-08-03 17:03:03 unknownmx

在引導框架背景100％的高度問題

回答

相關問題