Avatar billede djicep Nybegynder
03. juni 2007 - 17:05 Der er 5 kommentarer og
1 løsning

Angående opacity

Hejsa Eksperter..
Jeg har et lille problem som jeg håber i kan hjælpe med..
På den side jeg er ved at lave skal jeg ha en baggrunds farve som er faded lidt ud så man kan kigge igennem den.
Det har jeg så klaret i css med filter: alpha (opacity=30); men så snart jeg sætter tekst ind så bliver det også faded. kan man gøre sådan det kun er baggrundsfarven som er faded og ikke teksten ??

På forhånd tak..
Avatar billede w13 Novice
03. juni 2007 - 17:32 #1
Nej, jeg er bange for, du i så fald må lægge teksten i et andet element, som du så placerer oven på det transparente.
Avatar billede hundevennen Nybegynder
03. juni 2007 - 20:24 #2
som w13 skriver - placer dit gennemsigtige lag i en tabel og gi den en placering med et z-index og f.eks en ny table du placere ovenpå med din tekst
Avatar billede djicep Nybegynder
03. juni 2007 - 21:05 #3
Ja okay.. Trist.. Nå det må jeg jo så gøre.. Tak for jeres kommentare :)
Avatar billede djicep Nybegynder
03. juni 2007 - 22:03 #4
Hmm nu nævner du z-index hundevennen ?? Hvordan fungere det lige ?? :S
Avatar billede roenving Novice
04. juni 2007 - 00:16 #5
x-aksen er som bekendt den vandrette akse, y er den lodrette, tilsvarende er z-aksen den, der går fra skæmen ud mod brugeren, hvilket vil sige, at du kan sætte forskellige elementer foran hinanden, f.eks. sådan:

<div style="position:relative;width:200px;height:150px;background:url(../billede.jpg);">
  <div style="width:200px;height:150px;background:#3ff;opacity:0.3;filter:alpha(opacity=30);">&nbsp;</div>
  <div style="position:absolute;top:0;left:0;width:200px;height:150px;">
    <h2>Tekst ovenpå faded baggrund</h2>
  </div>
</div>

-- hov, nu kom jeg til at lave den, så z-index ikke behøves, da elementer naturligt stakkes efter kode-rækkefølgen, hvis de skal sidde samme sted !-)
Avatar billede djicep Nybegynder
04. juni 2007 - 08:37 #6
Ahhh smart :) Tak roenving. ja nu virkede det da hehe
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