css - DIV框透明，里面的文字不透明

Question

我有一个 div 框，里面有文本(这应该是一个导航栏)。div 框设置为不透明度 0.4，文本也自动设置为不透明度。我希望文本具有正常的不透明度(不透明)，但我不知道该怎么做。是否可以使 div 透明/低不透明度但不保留文本？我已经搜索并尝试过，但似乎没有任何效果。

HTML

<div class="finboks">
           <br><br> 
              <li><font size="3px"><a href="index.html">HEIM</a></font></li>
              <li><font size="3px"><a href="elevane.html">ELEVANE</a></font></li>
              <li><font size="3px"><a href="tilsette.html">TILSETTE</a></font></li>
              <li><font size="3px"><a href="Bilete.html">BILETE</a></font></li>
              <li><font size="3px"><a href="kontakt.html">KONTAKT</a></font></li>
              <li><font size="3px"><a href="omskulen.html">OM SKULEN</a></font></li>

              <select name="jumpMenu2" id="jumpMenu2" onchange="MM_jumpMenu('parent',this,0)">
                <option> LENKJER </option>
                <option value="https://fronter.com/sognfjordanegs/index.phtml">Fronter</option>
                <option value="https://www.gaular.kommune.no/Filnedlasting.aspx?MId1=39&amp;FilId=335">Skuleruta 2012-13</option>
              </select>
            </ul>
          </div>

CSS

div.finboks{
position: absolute; 
width: 1349px;  
height: 115px; 
opacity: 0.4; 
z-index: 2; 
left: 5px;
top: 102px;
background-color: #FFFFFF;
}

Answer 1

为此你可以使用 background-color:rgba(255,255,255,.4);

此处更正:jsFiddle

对于即修复是:

-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF);/*IE fix */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF);     /* IE Fix */

这里有一台发电机:http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/

这适用于所有浏览器，ie5/6/7 等...