css - DIV box transparent, text inside not transparent -
i have div box text inside (and supposed navbar).the div box set opacity 0.4, , text automatically also. want text normal opacity (not transparent), can't figure out how that. possible make div transparent/low opacity keep text inside not? have searched , tried, nothing seems work.
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&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; }
you can use background-color:rgba(255,255,255,.4); this
correction here : jsfiddle
for ie fix :
-ms-filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#66ffffff,endcolorstr=#66ffffff);/*ie fix */ filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#66ffffff,endcolorstr=#66ffffff); /* ie fix */ here 1 generator that: http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/
this work browser, ie5/6/7 etc...
Comments
Post a Comment