Avatar billede krk Nybegynder
22. februar 2009 - 22:10 Der 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>
Avatar billede olebole Juniormester
22. februar 2009 - 22:47 #1
<ole>

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'

/mvh
</bole>
Avatar billede olebole Juniormester
22. februar 2009 - 22:52 #2
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">&nbsp;</div>
    <div style="width:100px;height:100px;background:red;">Indeholder et lag der ikke skal være transperant</div>
</div>
Avatar billede krk Nybegynder
04. januar 2010 - 00:17 #3
glemte at svare tilbage (Næsten et år for sent, undskyld)
Kan du ikke smide et svar, så får du nogle point.
Avatar billede krk Nybegynder
12. marts 2010 - 15:12 #4
Lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester