Hvordan gjøre en boks (div) delvis gjennomsiktig?
Å gjøre bakgrunnen i en boks helt gjennomsiktig er ganske enkelt. Du bare setter bakgrunnsfargen til transparent (background-color:transparent). Vil du derimot lage boksen delvis gjennomsiktig må du legge til noen kommandoer.

#boks { /* for å gjøre bakgrunnen i en boks delvis transparent */
background-color: #ffffff; /* Bakgrunnsfargen */
filter:alpha(opacity=70); /* Gjennomsiktighet i Internet Explorer */
-moz-opacity:.70; /* Gjennomsiktighet i eldre Mozilla-nettlesere */
opacity:.70; /* Gjennomsiktighet ellers */ }


Hvordan gjøre bakgrunnen i en boks (div) delvis gjennomsiktig uten at teksten også blir det?
For å få til dette kan du bruke z-index, eller du kan bruke et gjennomsiktig png-bilde. Fremgangsmåten for sistnevnte finner du under.

Bruk av png-bilde gjør at du får validere css-koden, men bruker du eldre versjoner av Internet Explorer enn 7 må du legge til ekstra kode. Hvordan du fikser det problemet finner du her.

Har du ikke bildebehandlingsprogram eller kunnskaper til å lage et delvis gjennomsiktig png-bilde, kan du få hjelp til det her. Koden i seg selv er kort og grei.

#boks { /* for å gjøre bakgrunnen i en boks delvis transparent */
background-image:url(dittbilde.png); /* Bakgrunnsbildet */
}