Hintergrund einer Tabellenspalte verdunkeln

[Gunnar Bittersmann]

Hello out there!

Nun möchte ich in CSS eine Klasse erstellen, mithilfe derer ich einzelne Tabellenspalten etwas verdunkeln kann. Dieser Effekt soll aber relativ und nicht absolut sein.

Die 'opacity'-Eigenschaft (CSS3, aber schon in etlichen Browsern implementiert) wirkt auf Vorder- und Hintergrund. AFAIK gibt es keine Möglichkeit, die Hintergrundfarbe teiltransparent und die Vordergrundfarbe (Schrift) opak zu machen.

Wenn ich einfach eine andere Hintergrundfarbe auswähle, dann hab ich hinterher das Problem, dass ich bei einer Änderung der allgemeinen Hintergrundfarbe auch immer die Klasse (und es ist nicht nur eine) ändern muss.

Wo ist das Problem? Fasse die Angabe der Hintergrundfarbe für alle diese Klassen zusammen und plaziere sie im Stylesheet direkt vor oder hinter der Angabe der Hintergrundfarbe der Seite:

body  
{  
  background-color: #F00;  
}  
  
.foo, .bar, .baz  
{  
  background-color: #C00;  
}  
  
/* ... */  
  
.foo  
{  
  /* andere Angaben für Klasse 'foo' */  
}  
  
.bar  
{  
  /* andere Angaben für Klasse 'bar' */  
}  
  
.baz  
{  
  /* andere Angaben für Klasse 'baz' */  
}

See ya up the road,
Gunnar