Как получить цвет фона фона тела, применяемого к divs?

Question

Все еще попадаю во всю веб-версию, и я не понимаю, почему цвет фона моего тела применяется к divs поверх него.

Я использую загрузчик из КДС, а затем эти теги стиля: в верхней части

<style type="text/css"> 
      body{ 
       background-color:Navy; 
      } 
      .mechBackground { 
       background-image: url('homePageBackground.jpg'); 
       height: 800px; 
       background-repeat: no-repeat; 
       background-attachment: fixed; 
       background-position: center; 
       background-size: contain; 
       text-align: center; 
       opacity: 0.4; 
       float:center; 

      } 
      .myText{ 
        text-align: center; 
        opacity:1.0; 
        float:center; 
      } 

     </style> 

И потом:

<div class="container"> 
     <div class="jumbotron mechBackground" > 
     <div class="myText"> 
      <h1>Some Text</h1> 
      <h3>Some more text</h3> 
      <br><br> 

     </div> 
     </div> 

И мой вопрос заключается в том, что это меняет цвет фона всего, включая divs на флот. Вместо этого я хотел бы только, что вы можете видеть позади divs, чтобы быть флотом (так что в этом случае есть центрированный div, и мне бы хотелось, чтобы он был флотом слева и справа позади div), а затем divs просто не окрашиваться вообще.

Я бы подумал, что он будет работать так автоматически, но я не думаю?

Answer 1

По умолчанию divs не имеют цвета фона, поэтому они прозрачны. Вам необходимо установить фоновый цвет для mechBackground.

.mechBackground { 
    background-color:#fff; 
} 

Answer 2

Фон по умолчанию любого div является прозрачным. Если вы хотите, чтобы «mytext» div (div, я предполагаю, что вы говорите), чтобы иметь другой цвет, вам придется добавить фоновый цвет.

.mytext{ 
    background-color: white; 
}