Avatar billede naquer Nybegynder
12. september 2004 - 17:06 Der er 6 kommentarer og
1 løsning

Opacity / gennemsigtighed på farver

Hej

Jeg kunne godt tænke mig at vide hvordan man gør farver gennemsigtige, ved hjælp af css. Selvfølgelig ikke helt gennemsigtige, men gerne sådan at man selv kan bestemme niveauet af gennemsigtighed.

- På forhånd tak
Avatar billede olebole Juniormester
12. september 2004 - 17:16 #1
<ole>

Læs om filter her:
  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/reference.asp

Eksempel, der også virker i Mozilla:
  <div style="background-color:red;width:300px;filter:Alpha(opacity=20);-moz-opacity:0.2">ijhljlkj</div>

Kode til IE:
  width:300px;filter:Alpha(opacity=20);

Kode til Moz:
  -moz-opacity:0.2;

/mvh
</bole>
Avatar billede roenving Novice
12. september 2004 - 17:17 #2
I IE:

style="filter:alpha(opacity=50);"

I Gecko-browserne (Mozilla, Netscape, Firefox m.fl.) generelt:

style="-moz-opacity:0.5;"

-- og i de allernyeste vist også bare:

style="opacity:0.5;"

-- hvilket skulle være efter css3-standarden !-)

-- og du kan se det i praksis her: http://roenving.users.whitehat.dk/WD5Opacity.html
Avatar billede olebole Juniormester
12. september 2004 - 17:19 #3
Du kan også læse her:
  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/filter.asp

... og bemærk, hvad der står under 'Remarks'
Avatar billede naquer Nybegynder
12. september 2004 - 17:58 #4
Ok. Tak skal i have.

Lige et helt andet spørgsmål. Jeg har på mange sider set firkanter med runde hjørner. Er det simpelthen bare et image fil, eller kan det rent faktisk laves i html/css?
Avatar billede roenving Novice
12. september 2004 - 18:00 #5
Det kan pt. kun laves i css i Gecko-browserne, alle andre må bruge images !-)
Avatar billede naquer Nybegynder
02. august 2011 - 18:48 #6
roenving du smider bare et svar :)
Avatar billede naquer Nybegynder
17. august 2011 - 20:40 #7
Lukket. Roenvig, hvis du smider et svar sørger jeg for at du får point også
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