Mørkere lag over et billede

mail-tabel = main-tabel

background-color: #C0C0C0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  -moz-opacity: 0.90;

Ovenstående kan bruges - sådan da. Ikke det bedste resultat :)

Der findes ikke nogen standardiseret måde at gøre det helt rigtigt på, men du kan snyde lidt ved at lave et mere eller mindre gennemsigtigt billede (bare på 1 pixel) og bruge som baggrund:

<td>
  <div style="background:url(skygge.png);">
    Her er selve indholdet
  </div>
</td>

Jeg ved ikke, hvor god IE understøtter gennemsigtige PNG-billeder, men ellers kunne du lave et 2x2 gif-billede, hvor de 2 tern er gennemsigtige og de to andre er mørke.

Ja, det var naturligvis også en mulighed - men så tror jeg næsten min egen måde er bedre. Men jeg leger da lige med det :)

-moz- er forresten blevet overflødig, da Mozilla nu understøtter CSS3 propertien opacity. Den skulle enten allerede være understøttet af de standardoverholdende browsere, som f.eks. Opera og Safari/Konqueror, eller også får de den nok snart implementeret. Dermed vil der være en enkelt metode, som virker i nærmest alt undtagen IE.

opacity: 0.9;

eller

opacity: 90%;

Safari understøtter opacity, Konqueror ved jeg ikke.
Opera understøtter intet af det.

Ok, det var jo godt nyt. Men jeg tror jeg holder fast i -moz alligevel, da ældre browsere også skal kunne være med. Og mon ikke at nyere browsere er bagud-kompatible ?:)

Bør jeg bruge alle 3 metoder ?

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 90%;

Så er det bare et spørgsmål om

1) hvor stort "vinduet" er - altså antallet af Mozilla-browsere, der forstår -moz-opacity men ikke opacity.

2) hvordan browseren opfører sig, når begge er angivet. Det vil jo ikke være fedt, hvis -moz-opacity: 0.90; og opacity: 90%; tilsammen giver 81%

Jeg har ikke svaret på spørgsmålene, men jeg ville i hvert fald vælge at have metoden uden -moz- med, fordi den burde der være en god chance for at andre browsere implementerer. Den er trods alt en del af CSS3. Om du vil have -moz-opacity med også må så afhænge af de to ubesvarede spørgsmål.

Du kan roligt bruge alle tre, de konflikter ikke, selvom Mozilla/Firebox forstår begge.

Tak for hjælpen - helt perfekt :)
Smider i nogle svar?

svar ;-)