Opacitiy

CSS - Class um ein Element teilweise druchsichtig zu machen.

.durchsichtig {
  background-color:#FFF;
  color:#000;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity=70);
}

Auf meiner eigenen Seite habe ich das sehr häufig benutzt, um den Hintergrund durchscheinen zu lassen. Sehr oft wird das angewendet um auf einem Bild Text darzustellen. Ein Beispiel sehen Sie oben auf dieser Seite.

Man braucht dafür 4 Zeilen, wenn man auch ältere Browser abdecken will (Crossbrowser Lösung)

• 1. Zeile für moderne Browser
  (opacity: 0.7)
• 2. Zeile für ältere Mozilla Browser
  (-moz-opacity: 0.7)
• 3. Zeile für Internet Explorer Version 8.0
  (-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70))
• 4. Zeile für Internet Explorer Version 5.x bis 7.0
  (filter:alpha(opacity=70))