CSS -> iets half doorzichtig maken

[Verwijderd]

Ik ben op zoek naar een optie om binnen CSS een achtergrond kleurtje of plaatje van een tabel of wat dan ook half doorzichtig te maken.

De bedoeling is om een soort grijs half doorzichtig vlak te maken waar de text over heen komt, maar je moet de achtergrond (van de pagina) er nog wel een beetje doorheen kunnen zien.

Wie kan me een tip geven ?????

[Hangloozz]

tip: zoek op 'alpha(opacity:50%)'

[Verwijderd]

Is er al een browser die deze functie ondersteund? De grote drie in elk geval nog niet naar mijn weten

[Bosmonster]

Vreemd... bij mij stond dat bovenaan in mijn eerste Google zoek-poging (uitgaande dat ik de term 'Alpha' nog niet kende)..

http://www.google.com/search?q=css+transparency

[Verwijderd]

Tsja, leuk, maar he werkt niet. Niet op de manier die ik zojuist heb uitgeprobeerd

Heb diet hedaan:

.Class
{
background-color: Lime;
filter: alpha(opacity:50%);
}

Maar het resultaat is gewoon 100 procent dekking van de "lime kleur"

Kun je me nog eens een hint geven ....

[getty]

Als je een div pakt en daar deze class aanhangt zou het moeten werken

[Woudloper]

Verwijderd schreef op 31 juli 2002 @ 09:24:
Is er al een browser die deze functie ondersteund? De grote drie in elk geval nog niet naar mijn weten

Toch beter kijken... IE ondersteund dit toch al een tijdje

[Bosmonster]

filter: alpha(opacity=50%);

= ipv :

[getty]

Zo dus, is een voorbeeldje van mijn site.

code:

<DIV style="LEFT: 150px; POSITION: absolute; TOP: 70px; 
WIDTH: 300px; z-index: 2; visibility: hidden; 
background-color: #B2CFF1; FILTER: alpha(opacity=90)" id="cd2">

[ Voor 0% gewijzigd door getty op 31-07-2002 09:29 . Reden: Iets te lang ]

[Verwijderd]

en om het X-browser te krijgen:

code:

.Class
{
       background-color: Lime;
       filter: alpha(opacity=50%);
       -moz-opacity: 0.5;       /* voor NS 6.x en andere Gecko based browsers. */
}

[Verwijderd]

WWWOOOOWWW

SUPER THANKXXXX

Ik heb nu dit in mij CSS staan, even voor de duidelijkheid...

.Class
{
border : 1px solid #FBFF82;
background-color: Lime;
FILTER: alpha(opacity=30);
-moz-opacity: 0.5; /* voor NS 6.x en andere Gecko based browsers. */
}

Heb getest, en werkt op:
Netscape 6,
IE 5.5 (de rest van de IE's heb'k niet getest)
Mozilla 1.

ABSOLUTELY WOW

Thanx JurrieBurrie