hvordan laver jeg en transperant <div>

det findes ikke nogen officiel standard for det, men du kan bruge:

  filter:alpha(opacity=95);
  -moz-opacity: 0.95;

gør den ganske let gennemsigtig.

den første virker i ie, den anden i mozilla.

=)

sys ik den hjælper :S

har du prøvet at sætte dem til henholdsvis 50 og 0.50 så det er lidt tydeligere?

=)

jamen den bliver bare gennemsigtig, ikke gennemsigtig rød :(

bare for at være sikker... har du sat baggrunden til rød?

=)

jow...har osse lavet en dumme fejl :P

den rigtige...

.box{
width:100px;
height:100px;
background-color:#FF0000;
filter:alpha(opacity=25);
}


den forkerte
.box{
width:100px;
height:100px;
backgroundcolor:#FF0000;
filter:alpha(opacity=25);
}

glemte simpelthen den bindestreg :P smid svar ;)

hvis jeg skriver :

.box{
width:100px;
height:100px;
background-color:#FFFFFF;
filter:alpha(opacity=25);
-moz-opacity: 0.25;
}

Passer den så osse i firefox ? :)

husk også lige at have -moz-opacity: 0.95; med så os med mozilla også kan se effekten.

og husk at dette IKKE er en w3-standard, og derfor ikke bør bruges (til noget vigtigt i hvert fald). dine sider bør se ordentlige ud uden.

=)

tja...det var er bare til en lille side ;) en lille klub side..så det er ik det store.. :P men skal det være -moz-opacity: 0.95; selvom jeg vil have den på 0,25 ?

bliver den ikke valideret via w3 hvis jeg bruger den kode der? :S ?

der må da være en slags kode som er 'lovlig'

det skal selvfølgelig være 0.25. nej, w3 vil nok ikke kunne validere din css hvis du bruger det.

=)

nej, der er ingen gennemsigtighedskoder endnu. det kommer vistnok i css3, men så langt er vi ikke nået endnu.

=)

Opacity (den rigtige w3c-specefikation, http://www.w3.org/TR/css3-color/#transparency) understøttes faktisk af Mozilla 1.7!!

http://mozilla.org/releases/mozilla1.7/README.html#new

Scroll ned til "Under the hood"...

fandt den her :

    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;

hva betyder den øverste af dem ?

Den øverste gør egentlig det samme, men er bare en del af den officielle dokumentation i CSS3. Det andet er noget som kun virker i den enkelte browser...

CSS3 er dog ikke færdigt endnu, så du skal nok ikke regne med at ret mange browsere vil understøtte det lige foreløbig!!
Se bare hvor langt bagud IE efterhånden er!! ;)

den øverste er så(jf. hermandsens link) den kommende officielle css3-standard for gennemsigtighed.

=)

okai, så skal jeg lige spørge dumt.. :P for er ret ny mht css, så vi er altså ved css2 ? hvornår kommer css3 :P ?

css2 er den standard som w3 anbefaler browserprocucenterne at lave deres browsere til at understøtte. det går fint for nogle, knapt så fint for andre.

imens er w3 ved at udvikle css3. engang de mener at den er færdig til brug vil de begynde at anbefale den som standard.

=)

okai, men der er ikke nogen release :P ?

nej. du skal skrive dine sider til css2 hvis du vil gøre det 'rigtigt'. også selvom fx. ie endnu ikke understøtter det tilfredsstillende.

=)

ja okai :) takker

det var så lidt.

=)