title: DIV box transparent, text inside not transparent
body: <p>I have a div box with text inside (and this is supposed to be a navbar).The div box is set to opacity 0.4, and so is the text automatically also. I want the text to be normal opacity (not transparent), but i can't figure out how to do that. Is it possible to make a div transparent/low opacity but keep the text inside not? I have searched and tried, but nothing seems to work.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="finboks"&gt;
             &lt;br&gt;&lt;br&gt; 
                &lt;li&gt;&lt;font size="3px"&gt;&lt;a href="index.html"&gt;HEIM&lt;/a&gt;&lt;/font&gt;&lt;/li&gt;
                &lt;li&gt;&lt;font size="3px"&gt;&lt;a href="elevane.html"&gt;ELEVANE&lt;/a&gt;&lt;/font&gt;&lt;/li&gt;
                &lt;li&gt;&lt;font size="3px"&gt;&lt;a href="tilsette.html"&gt;TILSETTE&lt;/a&gt;&lt;/font&gt;&lt;/li&gt;
                &lt;li&gt;&lt;font size="3px"&gt;&lt;a href="Bilete.html"&gt;BILETE&lt;/a&gt;&lt;/font&gt;&lt;/li&gt;
                &lt;li&gt;&lt;font size="3px"&gt;&lt;a href="kontakt.html"&gt;KONTAKT&lt;/a&gt;&lt;/font&gt;&lt;/li&gt;
                &lt;li&gt;&lt;font size="3px"&gt;&lt;a href="omskulen.html"&gt;OM SKULEN&lt;/a&gt;&lt;/font&gt;&lt;/li&gt;
  
                &lt;select name="jumpMenu2" id="jumpMenu2" onchange="MM_jumpMenu('parent',this,0)"&gt;
                  &lt;option&gt; LENKJER &lt;/option&gt;
                  &lt;option value="https://fronter.com/sognfjordanegs/index.phtml"&gt;Fronter&lt;/option&gt;
                  &lt;option value="https://www.gaular.kommune.no/Filnedlasting.aspx?MId1=39&amp;amp;FilId=335"&gt;Skuleruta 2012-13&lt;/option&gt;
                &lt;/select&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>div.finboks{
  position: absolute; 
  width: 1349px;  
  height: 115px; 
  opacity: 0.4; 
  z-index: 2; 
  left: 5px;
  top: 102px;
  background-color: #FFFFFF;
  }
  </code></pre>