22. februar 2009 - 22:10Der er
3 kommentarer og 1 løsning
Transperant baggrund
Hejsa
Jeg har 3 divér der ligger inden i hinnanden. 1. div indeholder et baggrundsbillede. 2. div indeholder et transperant lag.(filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;) 3. indeholder en mindre div som gerne skulle have en farvet baggrund der ikke er transperant. Problemet er at 3. div også bliver transperant. Er der nogen der kan hjælpe??
Her er lidt kode: <div style="baggrund:url(../url.jpg) no-repeat;width:100px;height:100px;"><!-- Indeholder baggrundsbillede --> <div style="width:100px;height:100px;filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;"><!-- indeholder det transperante lag --> <div style="width:100px;height:100px;background:red;">Indeholder et lag der ikke skal være transperant</div> </div> </div>
Transparens virker på elementet og dermed dets indhold.
Du må i stedet lave en opbygning, hvor du lægger elementerne ovenpå hinanden. Positionerer du det yderste div relativt, kan du evt. positionere de indre absolut. Så vil deres left- og top-værdier gælde fra det ydre div - ikke fra browserens '0,0'
Nu ved jeg ikke præcis, hvad du vil opnå, men du kan kikke på dette for inspiration:
<div style="baggrund:url(../url.jpg) no-repeat;width:100px;height:100px;position:relative"><!-- Indeholder baggrundsbillede --> <div style="position:absolute;left:0;top:0;width:50px;height:50px;filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;background:green"> </div> <div style="width:100px;height:100px;background:red;">Indeholder et lag der ikke skal være transperant</div> </div>
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.